Xamarin effect Chapter 22 recording effect

In the previous article, I simply played GIS Of Basic operation 、Mark relevant 、AR、 ranging 、 Load 3d white mold and Scalable floating operation ; Let's share the recording effect today ; Don't say anything, it's all in the effect :

1、 First attempt at open source Plugin.AudioRecorder It turned out to be ineffective , Or maybe my posture is wrong :

https://github.com/NateRickard/Plugin.AudioRecorder

2、 Please consult the boss, Dawei , Sent a sentence :“ Reverse dependency ", Then I posted some code ; I don't understand what reverse dependency is , Only in the end do we know that it is to use DependencyService This class ;

 To put it bluntly, shared code can call the native of each independent platform API

3、 Shared code defines the interface to be implemented :

4、 Then each platform implements the interface , Under the loser machine ：

5、 The registration platform realizes , such Xamarin.Forms To find them at runtime

6、 Android recording on the next use MediaRecorder

// Set up the microphone 
mMediaRecorder.SetAudioSource(AudioSource.Mic);
mMediaRecorder.SetOutputFormat(OutputFormat.Default);
mMediaRecorder.SetAudioEncoder(AudioEncoder.Default);
mMediaRecorder.SetOutputFile(filePath);
mMediaRecorder.Prepare();
mMediaRecorder.Start();

7、 Play the recording effect

public void Play(RecordModel model)
{
    if(model != null)
    {
        var player = new MediaPlayer();
        player.Prepared += (s, e) =>
        {
            player.Start();
            model.IsPlaying = true;
        };
        player.SetDataSource(model.Path);
        player.Prepare();
        // When the playback is finished 
        player.Completion += (ss, ee) =>
        {
            model.IsPlaying = false;
        };
    }
}

8、 All the recording files at the front desk are still CollectionView( Love alone ), His ItemTemplate:

<Grid HorizontalOptions="Center" VerticalOptions="Center" HeightRequest="50">
    <StackLayout Orientation="Horizontal" Margin="10,4,0,0" Padding="0">
        <!-- Small microphone -->
        <Label Text="&#xe608;" FontSize="22" BackgroundColor="Transparent" FontFamily="iconfont.ttf#" VerticalOptions="Center" TextColor="{Binding IsPlaying,Converter={StaticResource IsPlayingToTextColorConverter}}" />
        <!-- The name of the recording -->
        <Label Text="{Binding Name}" VerticalOptions="Center" FontSize="18" TextColor="{Binding IsPlaying,Converter={StaticResource IsPlayingToTextColorConverter}}" />
        <!-- Duration , The main thing here is StringFormat usage -->
        <Label Text="{Binding Duration,StringFormat='{0} second '}" Margin="10,0,0,0" VerticalOptions="Center" FontSize="18" TextColor="{Binding IsPlaying,Converter={StaticResource IsPlayingToTextColorConverter}}" />
        <!-- Play -->
        <Label Text="&#xe717;" FontSize="25" VerticalOptions="Center" FontFamily="iconfont.ttf#" TextColor="#98A6B1">
            <Label.GestureRecognizers>
                <TapGestureRecognizer Command="{Binding Source={RelativeSource AncestorType={x:Type vm:MainViewModel}},Path=PlayRecordCommand}" CommandParameter="{Binding}" /> </Label.GestureRecognizers>
        </Label>
    </StackLayout>
</Grid>

The final simple effect is this ; If you have time later , You can explore more complex effects ; Programming never stops 、Bug More than 、 nothing Bug、 No life ; Change bug Calm down 、 The passion of coding 、 Joy after completion 、 The excitement of digging a hole 、 The excitement of filling the hole ; Maybe that's the fun of lousy programmers ; Come here today ; I hope I have the motivation to persist step by step ; Life is endless , Code is more than ; You can take time to see the effect of today's sharing , Have good opinions and ideas , You can leave a message on the message board ; I will reply you as soon as I see it , Thank you for your attention and support ! If it feels good , Then reach out your little hand, praise and pay attention to , Thank you for your support ！