01
背景
为什么做
TTS 工具常常只解决“单次朗读”，但真实使用更像“播放列表”：需要可管理、可重复、可调速。
在线预览
有些站点会因为安全策略拒绝 iframe 嵌入；如果这里是空白，请直接使用上面的“打开线上版本”。
访问方式
对这类项目来说，最强的信息仍然在线上产品本身。下面的说明只负责帮你抓重点，不是替代真实体验。
视觉历史
先看最新状态，旧版本继续保留在下面
这条时间线保留了界面的可读记忆，所以卡片可以展示最新封面，同时不抹掉更早的状态。
最新
Latest
2026-04-04
归档
Archived cover
2026-04-04
旧版 R2
Legacy above-the-fold capture
2026-01-22
旧版 R2
Legacy full-page capture
2026-01-22
项目说明
在打开线上产品前，先看这些
02
场景
应用场景
- 长文分段朗读
- 语言学习跟读
- 把资料做成“可听”内容
03
交付
实现了什么
- 文本输入与快速添加（支持快捷输入提示）。
- 播放器状态（播放/暂停/循环/速度）。
- 播放列表与进度计数。
04
设计
设计要点
- 把“添加”与“播放”拆成两个明确区域。
- 弱化复杂配置，强化即时反馈。
05
技术
技术实现
- Web Speech / TTS 能力封装
- 列表状态管理与播放队列控制
流程
从进入到完成的路径
这类项目最适合按“真实产品”去理解：入口、反馈循环和完成状态，与表层界面同样重要。
Add text / Queue / Speak / Repeat
打开项目：Prompt Hub 
Prompt Hub
面向个人/独立开发者的实用提示词收集库：精选可复用模板，减少试错成本。
打开项目：MermaidFlow 
MermaidFlow
在线 Mermaid 图表编辑器：语法高亮、实时预览与导出能力，让“文本即图表”更顺手。
打开项目：CLI Command Reference 
CLI Command Reference
Gemini CLI、Claude Code 与 Shell 交互语法参考：支持搜索、过滤与一键复制。