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

文章目录

一、前言

在移动应用开发中，文本到语音（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 学习者一起交流和学习。