Flutter 鸿蒙化实战:flutter_tts 适配 OpenHarmony,文本转语音

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 保持一致。

仓库地址

系列预告

截至目前,CPF-Flutter 社区已完成 250+ 个 Flutter 三方库的 OpenHarmony 平台适配,覆盖权限管理、UI 组件、设备信息、位置服务、媒体处理、网络、支付等多个领域,完整的适配清单(含每个库的版本映射表)见:

本系列后续会陆续挑选高频库展开讲解,比如权限管理(permission_handler)、数据库(sqflite)、日历(device_calendar)、表情选择(emoji_picker_flutter)等。

如果你的 Flutter 应用正在计划适配鸿蒙,欢迎关注 CPF-Flutter 组织,也欢迎参与共建。

相关推荐
OH_TPC5 小时前
【鸿蒙优选三方库】@ohos/aki:一行代码让 ArkTS 调 C++
harmonyos
wenyiyiyiyiyi6 小时前
我用鸿蒙 ArkTS 写了个自己天天用的备忘录:待办、课表和长期目标,全塞进一块桌面卡片
harmonyos
承渊政道8 小时前
鸿蒙设备远控电脑实测:ToDesk蓝牙键鼠、双模式鼠标、跨端剪贴板,远控电脑更顺手了
计算机外设·电脑·harmonyos·远程工作·todesk
CV工程师丁Sir10 小时前
ArkWeb 手记 04|DevTools 调试与缓存清理
java·spring·缓存·harmonyos
程序猿追1 天前
HarmonyOS 6 上做个极简浏览器:Web 组件 + 前进后退 + 加载进度
前端·华为·harmonyos
程序猿追1 天前
HarmonyOS 6 音视频实战:用 AVPlayer 做一个本地音乐播放器
华为·音视频·harmonyos
威哥爱编程1 天前
HarmonyOS 7 多设备 UX 自动检测实战:AppAnalyzer 多设备体检 + 一多工程底线,提前拦截截断重叠大图大字
harmonyos
威哥爱编程1 天前
HarmonyOS 7 安全相机 2.0 实战:数字内容溯源,为拍摄内容提供来源保护
harmonyos
威哥爱编程1 天前
HarmonyOS 7 弱网优化实战:Network Boost Kit 场景加速 + QUIC 长连接 + 弱网直播优化
harmonyos
威哥爱编程1 天前
HarmonyOS 7 应用故障智能诊断实战:APMS 故障总览 + Profiler 跨语言泄漏 + Operation Analyzer 冻屏分析
harmonyos