基于 Edge TTS 引擎的文本转语音 Web 应用,支持多语言、多角色、语速/音量/音调调节等高级功能。
- 基础合成 — 输入文本,选择语音,调节语速/音量/音调,一键生成语音
- 高级合成 (XML) — 使用 XML 标签实现多角色对话、多语言混排、停顿控制
- 内置模板 — 中英双语、新闻播报、儿童故事、带停顿、多语言等示例
- 语音管理 — 从 API 动态获取可用语音列表,快速切换常用语音
- 音频播放/下载 — 生成后直接播放或下载为 MP3 文件
| 标签 | 说明 |
|---|---|
<play> |
包裹一组有序的 <speaker> 和 <sleep> |
<speaker voice="..." rate="..." volume="..." pitch="..."> |
指定角色、语速、音量、音调 |
<sleep>毫秒</sleep> |
插入停顿 |
npm install
npm run dev- 框架: Next.js 16 (App Router)
- UI: Tailwind CSS 4 + shadcn/ui
- 字体: Geist
- TTS 引擎: Edge TTS (通过后端 API 代理)
src/
├── app/
│ ├── api/
│ │ ├── tts/route.ts # 基础 TTS API 代理
│ │ ├── tts_play/route.ts # 高级 TTS (XML) API 代理
│ │ ├── voices/route.ts # 语音列表 API 代理
│ │ └── health/route.ts # 健康检查 API
│ ├── layout.tsx
│ └── page.tsx # 主页面
├── components/ui/ # UI 组件 (shadcn)
└── lib/api.ts # 前端 API 调用封装