react-text-to-speech

React 里几行代码搞定文字转语音，支持高亮和队列

react-text-to-speech 是一个基于 React.js 的轻量级文本转语音库，利用浏览器原生的 Web Speech API 实现语音合成，无需额外后端服务或 API 密钥。它主要解决 React 应用中快速集成文字朗读功能的需求，提供简洁的组件和 Hooks 接口，支持播放、暂停、停止、调整语速和音调等基本控制。核心能力包括：将任意文本或 JSX 元素转换为可朗读内容，支持高亮当前朗读的文本片段，内置队列机制处理多段文本的连续播放，并关注无障碍（a11y）体验。该库使用 TypeScript 编写，类型定义完整，适合前端开发者快速构建带有语音反馈的交互界面，如辅助阅读工具、语言学习应用或无障碍导航等场景。

开源 free 音频音乐

访问官网 ↗ GitHub ↗ 文档 ↗

GitHub 星标 ★ 85

维护状态活跃

是否开源是

定价模式 free

项目数据

分类音频音乐

开发团队SahilAggarwal2004

所属国家

官网地址https://rtts.vercel.app

GitHubhttps://github.com/SahilAggarwal2004/react-text-to-speech

定价模式free

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

访问状态

是否开源是

开源协议MIT

主要语言TypeScript

技术栈/模型a11y,frontend,highlight-text,javascript,npm-package,queue,react,react-component,react-hooks,react-text-to-speech,speech,speech-recognition,speech-syntheis,speech-technology,text-to-speech,tts,typescript,voice,web-audio,web-speech-api

GitHub 星标★ 85

30天Star增速

HF 下载量

上线时间2022-08-17 00:00:00

最近更新2026-09-12 00:00:00

维护状态活跃

中文支持

访问方式

移动端支持

综合评分

收录时间2026-08-09

浏览次数5

使用教程

核心亮点

基于 Web Speech API，零依赖、无需后端，开箱即用
提供组件和 Hooks 两种用法，支持文本高亮和播放队列
TypeScript 编写，类型安全，易于集成到现代 React 项目

不足之处

浏览器兼容性受限于 Web Speech API 支持范围
文档/社区待观察

适用场景

为视障用户提供网页内容朗读功能
语言学习应用中的单词或句子发音
新闻或博客的‘听文章’模式

替代项目

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

项目介绍

react-text-to-speech 是音频音乐领域的开源项目，由 SahilAggarwal2004 开发，2022 年首次发布。

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

项目保持着较活跃的维护节奏，最近一次代码更新于 2026-09-12。开源库，MIT许可证，完全免费，无付费版本。从国内网络环境看，当前已无法正常访问。

它主要面向的使用场景是：为视障用户提供网页内容朗读功能。同类可对比的替代方案包括 react-speech-kit、use-speech、speak-tts。

上一篇：supertonic-py

下一篇：qwen-tts2api