【Flutter】flutter_tts 语音播放文本 Text-to-Speech

文章目录

• • 一、前言
  • 二、flutter_tts 插件介绍
  • 三、flutter_tts 插件的安装与配置
  • 四、flutter_tts 插件的基本使用
  • 五、flutter_tts 插件的完整代码示例
  • 六、总结

一、前言

在移动应用开发中，文本到语音（Text-to-Speech，简称 TTS）的功能越来越常见。它可以帮助我们实现语音播报、语音提示等功能，极大地丰富了应用的交互方式。

本文将介绍如何在 Flutter 中实现 TTS 功能，我们将使用一个名为 flutter_tts 的插件来完成这个任务。

本文的重点包括：

• flutter_tts 插件的基本介绍
• 如何在 Flutter 项目中安装和配置 flutter_tts 插件
• 如何使用 flutter_tts 插件实现基本的 TTS 功能
• 一个可以运行的完整代码示例

你是否渴望成为 Flutter 的专家，掌握更多的技巧和最佳实践？我们有个好消息要告诉你！ Flutter 从零到一 基础入门到应用上线全攻略 正在等待你的加入！这个专栏包含了你需要的所有 Flutter 学习资源，包括代码示例和深度解析。专栏内容会持续更新，价格也会随之上涨。现在就加入，享受最优惠的价格！此外，我们还有一个专门的讨论群，你可以点击这里 加入我们的讨论群，与其他 Flutter 学习者一起交流和学习。让我们今天就开始 Flutter 的学习之旅吧！

二、flutter_tts 插件介绍

flutter_tts 是一个 Flutter 插件，用于实现 TTS 功能。该插件支持 iOS、Android、WEB、MacOS 等多个平台，功能丰富，使用方便。

flutter_tts 插件的主要功能包括：

• 语音播报（speak）
• 停止播报（stop）
• 获取支持的语言列表（get languages）
• 设置语言（set language）
• 设置语音速率（set speech rate）
• 设置语音音量（set speech volume）
• 设置语音音调（set speech pitch）
• 判断某种语言是否可用（is language available）
• 获取语音列表（get voices）
• 设置语音（set voice）
• 暂停和继续播报（pause/continue）
• 将语音合成到文件（synthesize to file）

本文使用的 Flutter 版本是 3.10.0，dart SDK 的版本是 3.0.0，flutter_tts 插件的版本是 3.7.0。

这是小雨青年于 2023 年发布在 CSDN 的博客，由于目前采集站侵权行为猖獗，如果你不是在 CSDN 看到本文，麻烦你通过 CSDN 联系我，谢谢你的支持~

三、flutter_tts 插件的安装与配置

在 Flutter 项目中使用 flutter_tts 插件，首先需要在项目的 pubspec.yaml 文件中添加 flutter_tts 的依赖。打开 pubspec.yaml 文件，在 dependencies 下添加如下代码：

dependencies:  flutter:    sdk: flutter  flutter_tts: ^3.7.0

然后在终端中运行 flutter packages get 命令，Flutter 将会自动下载并安装 flutter_tts 插件。

对于不同的平台，flutter_tts 插件的配置方式也有所不同。例如，如果你的应用需要支持 Android 平台，你需要将 android/app/build.gradle 文件中的 minSdkVersion 设置为 21 或更高。此外，如果你的应用需要在 Android 11 上使用 TTS 功能，你还需要在应用的 manifest 文件中声明 TextToSpeech.Engine.INTENT_ACTION_TTS_SERVICE。

四、flutter_tts 插件的基本使用

在安装和配置好 flutter_tts 插件后，我们就可以开始使用它来实现 TTS 功能了。

首先，我们需要创建一个 FlutterTts 的实例：

FlutterTts flutterTts = FlutterTts();

然后，我们可以通过调用 setLanguage 方法来设置语音的语言，通过调用 setSpeechRate、setVolume 和 setPitch 方法来设置语音的速率、音量和音调：

await flutterTts.setLanguage("en-US");await flutterTts.setSpeechRate(1.0);await flutterTts.setVolume(1.0);await flutterTts.setPitch(1.0);

最后，我们可以通过调用 speak 方法来实现文本到语音的转换：

var result = await flutterTts.speak("Hello World");if (result == 1) {  // TTS is playing}

五、flutter_tts 插件的完整代码示例

下面是一个使用 flutter_tts 插件实现 TTS 功能的完整代码示例。在这个示例中，我们创建了一个简单的界面，用户可以在文本框中输入文本，然后点击按钮来播放文本的语音。

import 'package:flutter/material.dart';import 'package:flutter_tts/flutter_tts.dart';void main() {  runApp(MyApp());}class MyApp extends StatelessWidget {  @override  Widget build(BuildContext context) {    return MaterialApp(      home: MyHomePage(),    );  }}class MyHomePage extends StatefulWidget {  @override  _MyHomePageState createState() => _MyHomePageState();}class _MyHomePageState extends State<MyHomePage> {  FlutterTts flutterTts = FlutterTts();  TextEditinGController textEditingController = TextEditingController();  @override  void initState() {    super.initState();    flutterTts.setLanguage("en-US");    flutterTts.setSpeechRate(1.0);    flutterTts.setVolume(1.0);    flutterTts.setPitch(1.0);  }  @override  Widget build(BuildContext context) {    return Scaffold(      appBar: AppBar(        title: Text('Flutter TTS Demo'),      ),      body: Padding(        padding: const EdgeInsets.all(8.0),        child: Column(          children: <Widget>[            TextField(              controller: textEditingController,              decoration: InputDecoration(                hintText: 'Enter a text',              ),            ),            RaisedButton(              onPressed: () {                flutterTts.speak(textEditingController.text);              },              child: Text('Speak'),            ),          ],        ),      ),    );  }}

六、总结

通过本文，我们了解了如何在 Flutter 中使用 flutter_tts 插件实现 TTS 功能。我们首先介绍了 flutter_tts 插件的基本信息和功能特性，然后介绍了如何在 Flutter 项目中安装和配置 flutter_tts 插件，接着介绍了如何使用 flutter_tts 插件实现基本的 TTS 功能，最后我们提供了一个完整的代码示例。

flutter_tts 插件功能强大，使用方便，是在 Flutter 中实现 TTS 功能的好帮手。希望本文能帮助到有需要的读者。

你是否对 Flutter 感到好奇，想要深入学习？那么，Flutter 从零到一 基础入门到应用上线全攻略 将是你的最佳选择！在这里，你可以找到全面的 Flutter 学习资源，包括代码示例和深度解析。你是否想知道如何用 Flutter 构建应用？所有的答案都在我们的专栏里！别再犹豫了，专栏内容会持续更新，价格也会随之上涨。现在就加入，享受最优惠的价格！让我们一起在 Flutter 的世界中探索吧！想了解更多？点击这里查看 Flutter Developer 101 入门小册 专栏指引。此外，我们还有一个专门的讨论群，你可以点击这里 加入我们的讨论群，与其他 Flutter 学习者一起交流和学习。

来源地址：https://blog.csdn.net/diandianxiyu/article/details/131904799