Le Flutter Tutorial pour Text To Speech (TTS)
Table des matières
- Introduction
- Qu'est-ce que Flutter TTS ?
- Installation de Flutter TTS
- Configuration pour Android
- Configuration pour iOS
- Utilisation de Flutter TTS
- Importation de la bibliothèque Flutter TTS
- Ajout du widget Raised Button
- Définition de la méthode de lecture
- Configuration de la langue de lecture
- Réglage de la tonalité de la voix
- Réglage de la vitesse de lecture
- Arrêt de la lecture
- Utilisation de langues différentes
- Conclusion
Qu'est-ce que Flutter TTS ?
Le Flutter Text-to-Speech (TTS) est une dépendance très utile pour la conversion de texte en discours dans le développement d'applications Flutter. Cette dépendance permet à votre application Flutter de lire à voix haute du texte dans différentes langues et avec des voix personnalisées. Il est facile à utiliser et offre de nombreuses options de configuration.
Installation de Flutter TTS
Pour installer Flutter TTS, vous devez tout d'abord accéder au fichier pubspec.yaml
de votre projet Flutter. Ensuite, copiez le code de dépendance pour Flutter TTS à partir de la page pub.dev
. Collez ensuite le code dans la section dependencies
de votre fichier pubspec.yaml
. Enregistrez les modifications et exécutez la commande flutter pub get
pour synchroniser la dépendance.
Configuration pour Android
Pour configurer Flutter TTS pour Android, vous devez modifier le fichier build.gradle
de votre application. Recherchez la section android
dans le fichier pubspec.yaml
, puis modifiez la valeur de minSdkVersion
de 19 à 21. Cela garantit que votre application utilise une version d'Android compatible avec Flutter TTS.
Configuration pour iOS
Pour configurer Flutter TTS pour iOS, il n'y a pas de configuration spécifique requise. Cependant, il y a un problème connu lors de l'intégration de plugins utilisant Swift dans un projet Flutter créé avec un template Objective-C. Si vous développez pour iOS, assurez-vous de consulter la documentation pour rechercher des solutions à ce problème.
Utilisation de Flutter TTS
Importation de la bibliothèque Flutter TTS
La première étape pour utiliser Flutter TTS consiste à importer la bibliothèque dans le fichier Dart de votre application.
import 'Package:flutter_tts/flutter_tts.dart';
Ajout du widget Raised Button
Ajoutez un widget Raised Button à votre interface utilisateur pour déclencher la lecture du texte. Par exemple :
RaisedButton(
onPressed: () {
_speak('Bonjour !');
},
child: Text('Appuyez pour dire bonjour'),
),
Définition de la méthode de lecture
Définissez une méthode pour gérer la lecture du texte. Utilisez la méthode speak
de Flutter TTS pour lire le texte passé en paramètre. Par exemple :
void _speak(STRING text) {
FlutterTts flutterTts = FlutterTts();
flutterTts.speak(text);
}
Configuration de la langue de lecture
Utilisez la méthode setLanguage
de Flutter TTS pour définir la langue de lecture. Vous pouvez utiliser la langue de votre choix en passant le code de langue approprié. Par exemple :
flutterTts.setLanguage('fr-FR'); // Français
Réglage de la tonalité de la voix
Si vous souhaitez ajuster la tonalité de la voix, vous pouvez utiliser la méthode setPitch
de Flutter TTS. Cette méthode accepte un nombre entre 0.5 et 1.5, où 1 est la valeur par défaut et représente une tonalité normale. Par exemple :
flutterTts.setPitch(1.5); // Tonalité plus basse
Réglage de la vitesse de lecture
Flutter TTS permet également de régler la vitesse de lecture avec la méthode setSpeechRate
. Vous pouvez ajuster la vitesse de lecture en fonction de vos préférences. Par exemple :
flutterTts.setSpeechRate(0.8); // Vitesse de lecture plus lente
Arrêt de la lecture
Pour arrêter la lecture en cours, vous pouvez utiliser la méthode stop
de Flutter TTS. Par exemple :
flutterTts.stop(); // Arrête la lecture en cours
Utilisation de langues différentes
Flutter TTS prend en charge de nombreuses langues. Vous pouvez utiliser la méthode getLanguages
pour obtenir la liste des langues prises en charge, puis utiliser la méthode setLanguage
pour définir la langue souhaitée. Par exemple :
List<dynamic> languages = await flutterTts.getLanguages();
flutterTts.setLanguage(languages[0]); // Définit la première langue de la liste
Conclusion
Flutter TTS est une dépendance puissante pour les applications Flutter qui nécessitent une fonctionnalité de conversion de texte en discours. Vous pouvez l'utiliser pour ajouter des fonctionnalités de lecture à voix haute dans votre application, en utilisant différentes langues et en personnalisant la tonalité et la vitesse de lecture. Amusez-vous à explorer les possibilités offertes par Flutter TTS dans vos projets Flutter !