Gravar áudio – Xamarin.Forms

Olá, neste artigo irei demonstrar como implementar um gravador de áudio em suas aplicações Xamarin.Forms.

ADICIONANDO O NUGET PACKAGE

Para o exemplo será utilizado o plugin AudioRecorder, instale o plugin em todos os seus projetos (Compartilhado / Android / iOS).

Android

Para a plataforma Android, adicione as permissões no arquivo AndroidManifest, como demonstrado a seguir.

	<?xml version="1.0" encoding="utf-8"?>
	<manifest xmlns:android="http://schemas.android.com/apk/res/android" android:versionCode="1" android:versionName="1.0" package="br.com.julianocustodo.audiodemo">
	<uses-sdk android:minSdkVersion="21" android:targetSdkVersion="27" />
	<application android:label="AudioDemo.Android"></application>

	<uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />
	<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
	<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
	<uses-permission android:name="android.permission.RECORD_AUDIO" />
	</manifest>

view raw

AndroidManifest.xml

hosted with ❤ by GitHub

No arquivo MainActivity, adicione uma verificação de permissão no método OnCreate, antes da chamada do método LoadApplication.

	using System;

	using Android.App;
	using Android.Content.PM;
	using Android.Runtime;
	using Android.OS;
	using Android.Support.V4.Content;
	using Android.Support.V4.App;
	using Android;

	namespace AudioDemo.Droid
	{
	[Activity(Label = "AudioDemo", Icon = "@mipmap/icon", Theme = "@style/MainTheme", MainLauncher = true, ConfigurationChanges = ConfigChanges.ScreenSize \| ConfigChanges.Orientation)]
	public class MainActivity : global::Xamarin.Forms.Platform.Android.FormsAppCompatActivity
	{
	protected override void OnCreate(Bundle savedInstanceState)
	{
	TabLayoutResource = Resource.Layout.Tabbar;
	ToolbarResource = Resource.Layout.Toolbar;

	base.OnCreate(savedInstanceState);

	Xamarin.Essentials.Platform.Init(this, savedInstanceState);
	global::Xamarin.Forms.Forms.Init(this, savedInstanceState);

	//Verifica se tem permissão
	if (ContextCompat.CheckSelfPermission(this, Manifest.Permission.RecordAudio) != Permission.Granted)
	{
	ActivityCompat.RequestPermissions(this, new String[] { Manifest.Permission.RecordAudio }, 1);
	}


	LoadApplication(new App());
	}
	public override void OnRequestPermissionsResult(int requestCode, string[] permissions, [GeneratedEnum] Android.Content.PM.Permission[] grantResults)
	{
	Xamarin.Essentials.Platform.OnRequestPermissionsResult(requestCode, permissions, grantResults);

	base.OnRequestPermissionsResult(requestCode, permissions, grantResults);
	}
	}
	}

view raw

MainActivity.cs

hosted with ❤ by GitHub

iOS

Para a plataforma iOS edite o arquivo Info.plist e adicione a permissão como demonstrado a seguir.

	…

	<key>NSMicrophoneUsageDescription</key>
	<string>The AudioDemo wants to use your microphone to record audio.</string>
	</dict>
	</plist>

view raw

Info.plist

hosted with ❤ by GitHub

XAML

Para este exemplo, crie um Switch que será utilizado como opção para parar a gravação após um determinado tempo de silêncio. Crie também um Button para acionar a gravação e um Button para reproduzir o audio gravado.

	<?xml version="1.0" encoding="utf-8"?>
	<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
	xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
	xmlns:local="clr-namespace:AudioDemo"
	x:Class="AudioDemo.MainPage" Padding="20,80,20,0">

	<StackLayout Spacing="15">
	<StackLayout Orientation="Horizontal">
	<Switch x:Name="TimeoutSwitch" IsToggled="True" />
	<Label Text="Parar após silêncio?" />
	</StackLayout>

	<Button x:Name="GravarButton"
	Text="Gravar"
	Clicked="Gravar_Clicked"/>

	<Button x:Name="ReproduzirButton"
	Text="Reproduzir"
	Clicked="Reproduzir_Clicked"
	IsEnabled="False" />
	</StackLayout>
	</ContentPage>

view raw

MainPage.xaml

hosted with ❤ by GitHub

C#

Referencie o plugin AudioRecorder e crie um objeto do tipo AudioRecorderService que será utilizado para gravar, e um objeto do tipo AudioPlayer que será utilizado para reproduzir o áudio captado na gravação. Instancie os objetos como demonstrado a seguir.

	using System;
	using System.ComponentModel;
	using Plugin.AudioRecorder;
	using Xamarin.Forms;

	namespace AudioDemo
	{

	[DesignTimeVisible(true)]
	public partial class MainPage : ContentPage
	{
	AudioRecorderService gravador;
	AudioPlayer reprodutor;

	public MainPage()
	{
	InitializeComponent();

	gravador = new AudioRecorderService
	{
	StopRecordingAfterTimeout = true,
	TotalAudioTimeout = TimeSpan.FromSeconds(15),
	AudioSilenceTimeout = TimeSpan.FromSeconds(2)
	};

	reprodutor = new AudioPlayer();
	reprodutor.FinishedPlaying += Finaliza_Reproducao;
	}

	public async void Gravar_Clicked(object sender, EventArgs e)
	{
	}

	public async void Reproduzir_Clicked(object sender, EventArgs e)
	{
	}


	public void Finaliza_Reproducao(object sender, EventArgs e)
	{
	}
	}
	}

view raw

MainPage.xaml.cs

hosted with ❤ by GitHub

Gravar

O método para gravar neste exemplo terá duas funções.

Se não estiver gravando, começar a gravar.
Se estiver gravando, parar de gravar.

	public async void Gravar_Clicked(object sender, EventArgs e)
	{
	try
	{
	if (!gravador.IsRecording)
	{
	gravador.StopRecordingOnSilence = TimeoutSwitch.IsToggled;

	GravarButton.IsEnabled = false;
	ReproduzirButton.IsEnabled = false;

	//Começar gravação
	var audioRecordTask = await gravador.StartRecording();

	GravarButton.Text = "Parar Gravação";
	GravarButton.IsEnabled = true;

	await audioRecordTask;

	GravarButton.Text = "Gravar";
	ReproduzirButton.IsEnabled = true;
	}
	else
	{
	GravarButton.IsEnabled = false;

	//parar a gravação…
	await gravador.StopRecording();

	GravarButton.IsEnabled = true;
	}
	}
	catch (Exception ex)
	{
	await DisplayAlert("Erro", ex.Message, "OK");
	}
	}

view raw

Gravar_Clicked_MainPage.xaml.cs

hosted with ❤ by GitHub

Reproduzir

O método reproduzir, ficará encarregado de pegar o audio do objeto gravador e reproduzi-lo, utilizando o método Play do objeto chamado reprodutor.

	public async void Reproduzir_Clicked(object sender, EventArgs e)
	{
	try
	{
	var filePath = gravador.GetAudioFilePath();

	if (filePath != null)
	{
	ReproduzirButton.IsEnabled = false;
	GravarButton.IsEnabled = false;

	reprodutor.Play(filePath);
	}
	}
	catch (Exception ex)
	{
	await DisplayAlert("Erro", ex.Message, "OK");
	}
	}