Text-to-Speech with .NET-MAUI para Windows

Este repositório é um tutorial de implementação de um aplicativo, para Windows, que converte texto para fala (Text-to-Speech), com auxílio do framework .NET MAUI.

Índice

• Aplicativo
• Tutorial
• Referências

Aplicativo

O aplicativo de Text-to Speech possui a seguinte estrutura:

• Campo de Texto, onde o usuário deve digitar seu texto;
• Slider de velocidades, que controla a velocidade de fala;
• Botão, o qual inicia a síntese de fala.

Veja, na imagem abaixo, o funcionamento do aplicativo:

Tutorial

Criando a interface no arquivo MainPage.xaml:

Veja abaixo o código XAML utilizado para a criação da interface de usuário do aplicativo:

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="Text_to_Speech.MainPage">

    <ScrollView>
        <VerticalStackLayout
            Padding="30,0"
            Spacing="25">

            <Editor
                x:Name="EditorText"
                AutoSize="TextChanges"
                Placeholder="Digite seu texto aqui..."
                VerticalOptions="StartAndExpand"
                HorizontalOptions="FillAndExpand"
                Margin="10"
                HeightRequest="200"/>

            <Slider x:Name="SpeedSlider"
                Minimum="-10.0"
                Maximum="10.0"
                Value="0.0"
                VerticalOptions="Center"
                WidthRequest="500"/>

            <Button x:Name="Speak_Button"
                    Text="Fale o Texto"
                    Margin="10"
                    Clicked="Speak_Button_Clicked"
                    HorizontalOptions="Fill"/>
            
        </VerticalStackLayout>
    </ScrollView>

</ContentPage>

Tabela de explicação:

Componente XAML	Função no código
VerticalStackLayout	Organiza os elementos que estão dentro desta componente de tal forma que fiquem um embaixo do outro
Editor	Adiciona o campo de entrada de texto na interface
Slider	Adiciona o Slider de controle de velocidade na interface
Button	Adiciona o botão "Fale o Texto" na interface

Instalando o pacote System.Speech:

No Menu superior do Visual Studio clique em "Projeto" => "Gerenciar Pacotes do Nuget". Após esse passo, instale o pacote System.Speech:

Criando a lógica do programa no arquivo MainPage.xaml.cs:

Importando o pacote necessário para o Text-To-Speech:

using System.Speech.Synthesis;

Criando um objeto do tipo SpeechSynthesizer no construtor da classe MainPage:

SpeechSynthesizer rdr;
public MainPage()
{
     InitializeComponent();
     rdr = new SpeechSynthesizer();
}

Criando a função que faz o Text-To-Speech falar o que está escrito na entrada do usuário:

public void SpeakSettings()
{
      rdr.SpeakAsyncCancelAll();
      int Speed = (int)SpeedSlider.Value;
      rdr.Rate = Speed;
      string texto = EditorText.Text;
      if(texto!=null)
      {
           rdr.SpeakAsync(texto);
      }
}

Criando a função que é ativada com o clique do botão:

private void Speak_Button_Clicked(object sender, EventArgs e)
{
      SpeakSettings();
}

Veja abaixo o código completo:

using System.Speech.Synthesis;
namespace Text_to_Speech
{
    public partial class MainPage : ContentPage
    {

        SpeechSynthesizer rdr;
        public MainPage()
        {
            InitializeComponent();
            rdr = new SpeechSynthesizer();
        }

        public void SpeakSettings()
        {
            rdr.SpeakAsyncCancelAll();
            int Speed = (int)SpeedSlider.Value;
            rdr.Rate = Speed;
            string texto = EditorText.Text;
            if(texto!=null)
            {
                rdr.SpeakAsync(texto);
            }
        }

        private void Speak_Button_Clicked(object sender, EventArgs e)
        {
            SpeakSettings();
        }
    }
}

Referências

A implementação do Text-To-Speech no Windows neste aplicativo só foi possível graças a este site: Visite o Site