搜索插件、代码仓与 APP 分类

插件详情v0.0.1

web_view_tts

一个用于在 Flutter WebView Android 中添加文本转语音支持的 Flutter 插件

Android
近 30 天下载
12
喜欢数
3
Pub 分数
130

安装插件

flutter pub add web_view_tts

插件介绍

基于插件公开信息、社区数据与项目使用情况整理的选型参考。

一个 Flutter 插件,可在 Android 的 WebView 中启用文本转语音(TTS)功能。它允许在 Flutter WebView 中显示的网页内容使用设备的 TTS 引擎朗读出来。专为 Android 设计,可与 WebView 无缝集成,以增强可访问性和用户参与度。该插件轻量且专注于从基于网页的文本中提供可靠的语音输出,无需复杂的设置。

适合场景

  • 增强对视障用户的可访问性
  • 在教育类应用程序中朗读网页内容
  • 支持数字杂志中的音频旁白
  • 改进新闻或文章阅读器的用户体验

主要特点

  • 仅限 Android 的 TTS 集成
  • 无缝 WebView 兼容性
  • 用于触发语音的简单 API
  • 实时文本转语音转换
  • 对系统TTS引擎的内置支持

适合对象

  • 注重可访问性的Flutter应用
  • 教育和阅读应用
  • 需要从网页内容获取音频反馈的应用程序
  • 针对 Android WebView 的 TTS 需求的开发者

使用建议

  • 仅限 Android 平台
  • 设备上需要正确设置TTS引擎
  • 可能需要处理TTS服务的权限
  • 依赖于通过 JavaScript 访问网页内容

原始 README

以下为关联源码仓库的 README 原文快照,最新内容请访问源码仓库。

WebView TTS

web_view_tts version

Flutter library To add Text-To-Speech Support in Android WebView

Getting Started

Using flutter_inappwebview for WebView and flutter_tts for Android TTS

Import these Libraries in your pubspec.yaml

flutter_inappwebview: ^5.4.3+7
web_view_tts: 0.0.1

Add WebView in your Project , Check flutter_inappwebview docs for setting up WebView

And check flutter_tts docs for adding TTS

Usage

in your onLoadStart callback of flutter_inappwebview , add this method

onLoadStart(controller) async {
    await WebViewTTS.init(controller: controller);
}

Checkout /example app for more details

Features

The web_view_tts lib supports the following TTS Api's:

  • Speak
  • Stop
  • Pause
  • Resume
  • getVoices
  • setVolume
  • setPitch
  • setRate

Note

This library will add TTS polyfill for android only , because IOS WebView already supports this

Additional information

This is Just The Initial Version feel free to Contribute or Report any Bug!

所属分类

依赖

依赖清单 3 项

源码仓库

使用此插件的项目

暂无相关数据。