Flutter 鸿蒙化实战:flutter_tts 适配 OpenHarmony
前言
随着鸿蒙生态的快速发展,越来越多的 Flutter 应用需要适配 OpenHarmony 平台。但生态早期,大量常用三方库只有 Android / iOS 实现,鸿蒙侧只能自己造轮子。
为了解决这个问题,CPF-Flutter 社区 对一批高频使用的 Flutter 三方库做了 OpenHarmony 平台适配,统一托管在 GitCode 的 CPF-Flutter 组织 下,全部通过 TAG 版本隔离、配套门禁编译验证,开箱即用。
本篇是系列文章之一,主角是 flutter_tts ------ 文本转语音(TTS)插件。
flutter_tts 是什么
flutter_tts(原库 4.2.3)提供文本转语音能力,典型场景:朗读新闻/小说、无障碍播报、语音导航、儿童教育。
- 朗读 :
speak播放传入文本; - 控制 :
stop、pause、setLanguage、setSpeechRate、setPitch; - 状态回调 :
setCompletionHandler、setStartHandler监听播放。
适配情况
| Flutter 框架版本 | TAG 名称 | 分支名 |
|---|---|---|
| 3.22 | 4.2.3-ohos-1.0.0 | br_3.27 |
| 3.27 | 4.2.3-ohos-1.0.0 | br_3.27 |
| 3.35 | 4.2.3-ohos-1.0.0 | br_3.27 |
已验证环境(3.35 为例):Flutter 3.35.8-ohos-0.0.1;SDK 6.0.1(21);DevEco Studio 6.0.1.260;ROM 6.0.0.120 SP6。
快速接入
在 pubspec.yaml 中添加 git 依赖:
yaml
dependencies:
flutter_tts:
git:
url: https://gitcode.com/CPF-Flutter/fluttertpc_flutter_tts.git
# 按你的 Flutter 框架版本,从上方映射表选择对应 TAG
ref: 4.2.3-ohos-1.0.0
执行:
bash
flutter pub get
使用示例
基本朗读
dart
import 'package:flutter_tts/flutter_tts.dart';
final tts = FlutterTts();
await tts.setLanguage('zh-CN');
await tts.setSpeechRate(0.5);
await tts.speak('你好,欢迎使用鸿蒙版文本转语音');
// 停止
await tts.stop();
完整示例:朗读页
dart
import 'package:flutter/material.dart';
import 'package:flutter_tts/flutter_tts.dart';
class TtsPage extends StatefulWidget {
const TtsPage({super.key});
@override
State<TtsPage> createState() => _TtsPageState();
}
class _TtsPageState extends State<TtsPage> {
final FlutterTts _tts = FlutterTts();
@override
void initState() {
super.initState();
_tts.setLanguage('zh-CN');
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(title: const Text('朗读示例')),
body: Center(
child: Column(
children: [
const Padding(
padding: EdgeInsets.all(16),
child: Text('这是一段会朗读的文字。', style: TextStyle(fontSize: 18)),
),
FilledButton(
onPressed: () => _tts.speak('这是一段会朗读的文字。'),
child: const Text('朗读'),
),
TextButton(onPressed: () => _tts.stop(), child: const Text('停止')),
],
),
),
);
}
}
API 支持一览
| API | 说明 | ohos 支持 |
|---|---|---|
| speak | 朗读文本 | yes |
| stop / pause | 停止/暂停 | yes |
| setLanguage | 设置语言 | yes |
| setSpeechRate / setPitch | 语速/音调 | yes |
| setCompletionHandler | 播放完成回调 | yes |
!TIP ohos Support 为 yes 表示鸿蒙平台支持该能力,使用方式与 iOS / Android 保持一致。
仓库地址
- OpenHarmony 适配仓库:gitcode.com/CPF-Flutter...
- 使用问题反馈:请到 CPF-Flutter 社区 Issues 提交问题(社区统一收集跟进);本仓库 Issues 区亦可。
系列预告
截至目前,CPF-Flutter 社区已完成 250+ 个 Flutter 三方库的 OpenHarmony 平台适配,覆盖权限管理、UI 组件、设备信息、位置服务、媒体处理、网络、支付等多个领域,完整的适配清单(含每个库的版本映射表)见:
- 适配总览文档 :gitcode.com/CPF-Flutter...
- 仓库组织 :gitcode.com/CPF-Flutter
本系列后续会陆续挑选高频库展开讲解,比如权限管理(permission_handler)、数据库(sqflite)、日历(device_calendar)、表情选择(emoji_picker_flutter)等。
如果你的 Flutter 应用正在计划适配鸿蒙,欢迎关注 CPF-Flutter 组织,也欢迎参与共建。