tts-react

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

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

开源 free 音频音乐

访问官网 ↗ GitHub ↗ 文档 ↗

GitHub 星标 ★ 66

维护状态低维护

是否开源是

定价模式 free

项目数据

分类音频音乐

开发团队morganney

所属国家

官网地址https://morganney.github.io/tts-react

GitHubhttps://github.com/morganney/tts-react

定价模式free

价格说明MIT 许可证，完全免费，无付费版本。

访问状态

是否开源是

开源协议MIT

主要语言TypeScript

技术栈/模型aws-polly,htmlaudioelement,react,speechsynthesis,speechsynthesisutterance,text-to-speech

GitHub 星标★ 66

30天Star增速

HF 下载量

上线时间2022-09-03 00:00:00

最近更新2026-08-26 00:00:00

维护状态低维护

中文支持

访问方式

移动端支持

综合评分

收录时间2026-08-09

浏览次数3

使用教程

核心亮点

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

不足之处

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

适用场景

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

替代项目

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

项目介绍

tts-react 是音频音乐领域的开源项目，由 morganney 开发，2022 年首次发布。

它收录于音频音乐分类，该分类目前共有 738 个项目，GitHub 星标数为 66。

项目已超过三个月没有代码更新，维护节奏明显放缓，最近一次代码更新于 2026-08-26。MIT 许可证，完全免费，无付费版本。

它主要面向的使用场景是：为React应用添加无障碍朗读功能，如屏幕阅读器辅助。同类可对比的替代方案包括 react-speech-kit、use-speech、speak-tts。

上一篇：Kani-TTS-Vie

下一篇：clipboard-narrator