文本转语音界面
ReactTTSAudioVoiceAccessibility更新于 2026-08-14
使用场景： 为产品添加文本转语音：文章朗读、无障碍工具、语言学习、配音预览与语音功能。
安装
npx skills add text-to-speech-ui克隆
git clone https://github.com/skillhub-community/text-to-speech-ui.git描述
文本转语音控制套件。TTSPlayer：播放/暂停/停止、带缓冲区的进度条、语速滑块（0.5-2x）、音调控制与实时波形。VoicePicker：按语言/地区分组的声音列表，带试听片段（每声播一秒样例）与自然度标签。SSMLPanel：SSML 输入编辑器（break、emphasis、phoneme、prosody），带语法高亮与随播放实时高亮当前语段的「渲染」视图。StreamMode：音频流式播放而非等完整文件。
提供商无关：支持 Web Speech API（内置、零配置）、OpenAI TTS、ElevenLabs、Azure 或任意 REST 端点（经适配器）。包含文本长度预算计算器（成本/字符估算）与把长文拆成段落保证稳定播报的分块器。无障碍：所有播放功能键盘可控、ARIA live 区域播报状态、逐词高亮模式（朗读时源文本中当前词高亮）。
AI Hub
跑 Skill 需要模型接口？
AI Hub 提供 OpenAI 兼容接口，给 Cursor / Claude Code / Agent 用。
打开 AI Hub元数据
作者@audio_ming
许可证MIT
版本1.0.0
依赖1