react-speech-highlight-demo

让文字跟着语音走,边听边读不迷路

开源 🏷️定价信息待确认 🚫 站点已失效 音频音乐 🍴 复刻 16 🐛 待处理 1 👀 关注 8
访问官网 ↗ GitHub ↗
GitHub 星标 ★ 189
维护状态 较活跃
是否开源 开源
定价模式 🏷️定价信息待确认

项目预览

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

项目数据

分类音频音乐
开发团队albirrkarim
定价模式🏷️定价信息待确认
价格说明定价信息待确认
访问状态🚫 站点已失效
是否开源是
开源协议NOASSERTION
主要语言JavaScript
技术栈/模型accessibility,artificial-intelligence,elevenlabs,elevenlabs-react,javascript,language,linguistics,openai-tts,prompt-engineering,react-native,reactjs,realtime,speech-to-text,speechsynthesis,ssml,text-to-speech,typescript,vanilla-js,webrtc,youtube
GitHub 星标★ 189
上线时间2023-01-25 00:00:00
代码更新2026-10-24
仓库体积133.6 MB
本站数据更新2026-11-08
维护状态较活跃
收录时间2026-08-09
浏览次数6

项目介绍

这是一个演示如何在 React 和原生 JavaScript 中实现文本转语音(TTS)并高亮当前朗读单词和句子的开源项目。它解决了有声内容制作中“听到的与看到的脱节”问题,通过将音频文件、文本转语音 API 和 Web Speech Synthesis API 结合,让用户能直观地跟随语音阅读。核心能力包括:支持多种 TTS 引擎(如 ElevenLabs、OpenAI TTS)、实时高亮正在朗读的单词和句子、提供 React 组件和原生 JS 两种实现方式,并注重无障碍访问(accessibility)。项目适合用于构建语言学习应用、有声读物播放器、辅助阅读工具等,帮助提升阅读体验和语言学习效率。

Star 增长趋势

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

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

核心亮点

  • 集成多种主流TTS引擎(ElevenLabs、OpenAI等),灵活切换
  • 提供React和原生JS双版本,方便不同技术栈开发者参考
  • 实时高亮单词和句子,精准同步语音,提升阅读体验

不足之处

  • 文档/社区待观察
  • 早期项目,功能覆盖有限,可能缺少高级定制选项

适用场景

  • 语言学习应用,辅助发音跟读与听力训练
  • 有声读物或新闻阅读器,实现字幕同步高亮
  • 无障碍辅助工具,帮助阅读障碍者跟随语音阅读

替代项目

react-highlight-within-textarea、speech-synthesis-react、text-to-speech-highlight

上一篇:C-Sharp-Learning-Journey

下一篇:pytorch-dc-tts

同类项目推荐

D2M-GAN 开源

给舞蹈视频自动生成匹配节拍的音乐

[ECCV2022] D2M-GAN for music generation from dance videos

★ 85 2026-08-09
DragonianVoice 开源

用 C++ 把 SVC/TTS 模型跑起来,性能拉满,部署无忧。

多个SVC/TTS的C++推理库

★ 1130 2026-08-09
qwen3-tts-rs 开源

用 Rust 原生跑通 Qwen3-TTS,轻量部署高性能语音合成

Rust implementation of Qwen3-TTS speech synthesis

★ 150 2026-08-09
VitsServer 开源

把 VITS 模型秒变高速 TTS 服务,一键部署低延迟合成

VITS ONNX TTS server designed for fast inference

★ 130 2026-08-09
VoiceStudioV2 开源

本地跑通的变声、克隆与配音工作台

Local AI voice studio: real-time voice changer, text-to-speech, voice cloning & dubb···

★ 3 2026-11-02
audio-diffusion 开源

像画图一样生成音乐,给段描述就出专属旋律

Apply diffusion models using the new Hugging Face diffusers package to synthesize mu···

★ 795 2026-08-09
ZONOS2 开源

开源 MoE 语音合成,本地跑出自然语音

Zonos2 is a leading open-weight text-to-speech MoE.

★ 324 2026-10-01
RapidTTS 开源

本地快速语音合成,多模型一键切换,低延迟高音质。

轻量级文本转语音工具,面向本地快速推理。A text-to-speech framework for fast and high···

★ 56 2026-08-09
pflowtts_pytorch 开源

用 flow matching 快速生成自然语音,复现 NVIDIA 论文效果

Unofficial implementation of NVIDIA P-Flow TTS paper

★ 228 2026-08-09