tts-react

在 React 里一句话搞定文字转语音,轻松实现播报功能

开源 🏷️完全免费 🔧 仅开源项目,无在线服务,需自行部署 音频音乐 🍴 复刻 10 🐛 待处理 3 👀 关注 3
访问官网 ↗ GitHub ↗
GitHub 星标 ★ 66
维护状态 低维护
是否开源 开源
定价模式 🏷️完全免费 MIT 许可证,完全免费,无付费版本。

项目预览

tts-react 项目界面预览图
图片来源:GitHub 官方仓库名片

项目数据

分类音频音乐
开发团队morganney
定价模式🏷️完全免费
价格说明MIT 许可证,完全免费,无付费版本。
访问状态🔧 仅开源项目,无在线服务,需自行部署
是否开源是
开源协议MIT
主要语言TypeScript
技术栈/模型aws-polly,htmlaudioelement,react,speechsynthesis,speechsynthesisutterance,text-to-speech
GitHub 星标★ 66
上线时间2022-09-03 00:00:00
代码更新2026-05-24
仓库体积19.3 MB
本站数据更新2026-11-10
维护状态低维护
收录时间2026-08-09
浏览次数5

项目介绍

tts-react 是一个基于 React 的文本转语音(TTS)组件库,旨在帮助开发者快速在 React 应用中集成语音播报功能。它封装了 Web Speech API 和 AWS Polly 等底层服务,提供统一的 React 组件接口,解决了在 React 项目中直接使用浏览器原生语音合成 API 时面临的繁琐状态管理和跨浏览器兼容性问题。核心能力包括:支持通过简单的 props 配置语音、语速、音调等参数,自动处理音频播放状态(如播放、暂停、停止),并提供了事件回调以便开发者跟踪播放进度。项目使用 TypeScript 编写,类型安全,适合需要无障碍支持、语音交互或内容朗读的 React 应用。目前项目处于早期阶段,功能相对基础,但为 React 开发者提供了一个轻量级的 TTS 集成方案。

Star 增长趋势

本站每日记录该项目 GitHub 星标变化,观测越久曲线越完整

数据来源:GitHub API 逐日快照 · 收录于 2026-08-09 · 当前星标 ★ 66

技术标签

核心亮点

  • 封装了浏览器原生 SpeechSynthesis,无需额外服务即可快速实现 TTS,降低入门门槛
  • 提供 React 组件和 hooks,状态管理自动化,开发者只需关注业务逻辑
  • 支持 AWS Polly 作为备选引擎,满足对音质或语言有更高要求的场景

不足之处

  • 项目星标仅 67,社区活跃度低,文档和示例可能不够丰富
  • 功能相对基础,高级特性(如流式合成、音频缓存)可能缺失,复杂场景需自行扩展

适用场景

  • 为 React 应用添加无障碍朗读功能,如屏幕阅读器辅助
  • 在语言学习类网站中实现单词或句子发音
  • 在内容平台中提供文章或新闻的语音播报功能

替代项目

react-speech-kit、use-speech、speak-tts

上一篇:Kani-TTS-Vie

下一篇:clipboard-narrator

同类项目推荐

SpeakIt_Vietnamese_TTS 开源

在 Windows 上轻松将越南语文本变成语音,开箱即用。

Vietnamese Text-to-Speech on Windows Project (zalo-speech)

★ 100 2026-08-09
voice_indonesian 开源

离线印尼语文本转语音,代码示例即拿即用

Contoh kode program teks ke suara offline, text to speech offline, biasanya saya gun···

★ 53 2026-08-09
speaker 开源

PHP 一键接入多家 TTS 服务,快速生成语音

A PHP library to convert text to speech using various web services

★ 114 2026-08-09
pattrns 开源

用代码写节奏,实时生成音乐序列

Experimental imperative-style music sequence generator engine

★ 271 2026-08-09
TellTime 开源

用英式腔调,动嘴就能知道几点

iOS application to tell the time in the British way ⏰

★ 67 2026-08-09
e2-tts-pytorch 开源

几行代码实现零样本语音克隆,让 TTS 不再复杂

Implementation of E2-TTS, "Embarrassingly Easy Fully Non-Autoregressive Zero-Shot TT···

★ 520 2026-08-09
MTTS 开源

把中文文本变成语音合成可用的声学特征,一步到位

A Demo of Mandarin/Chinese TTS frontend

★ 284 2026-08-09
youtube-auto-dub 开源

本地免费给YouTube视频配音,克隆原声换语言,自动同步字幕

Local-first, open-source YouTube dubbing: clones the original voice into another lan···

★ 81 2026-08-09