微软免费在线语音合成服务 内附一键部署使用教程
声音魔法师 - 让文字开口说话的神器一个基于 Microsoft Edge TTS 的免费在线语音合成服务,支持 20+ 种中文声音,一键将文字转换为自然流畅的语音。
特性
- 20+ 种中文声音:支持多种音色和风格,包括男声、女声等
- 秒速生成:快速生成高质量语音文件
- 完全免费:无需注册,无使用限制
- 响应式设计:完美适配桌面端和移动端
- 丰富参数:支持语速、音调、语音风格等多种调节
- 支持下载:生成的音频可直接下载为 MP3 格式
- API 兼容:兼容 OpenAI TTS API 格式
- 一键部署:点击按钮即可部署到 CloudFlare Workers
使用方法
1. 访问部署后的 Worker 域名
2. 在文本框中输入要转换的文字
3. 选择喜欢的语音、语速、音调等参数
4. 点击“开始生成语音”按钮
5. 播放生成的音频或下载 MP3 文件
支持的语音
女声
zh-CN-XiaoxiaoNeural – 晓晓(温柔)
zh-CN-XiaoyiNeural – 晓伊(甜美)
zh-CN-XiaochenNeural – 晓辰(知性)
zh-CN-XiaohanNeural – 晓涵(优雅)
zh-CN-XiaomengNeural – 晓梦(梦幻)
zh-CN-XiaomoNeural – 晓墨(文艺)
zh-CN-XiaoqiuNeural – 晓秋(成熟)
zh-CN-XiaoruiNeural – 晓睿(智慧)
zh-CN-XiaoshuangNeural – 晓双(活泼)
zh-CN-XiaoxuanNeural – 晓萱(清新)
zh-CN-XiaoyanNeural – 晓颜(柔美)
zh-CN-XiaoyouNeural – 晓悠(悠扬)
zh-CN-XiaozhenNeural – 晓甄(端庄)
男声
zh-CN-YunxiNeural – 云希(清朗)
zh-CN-YunyangNeural – 云扬(阳光)
zh-CN-YunjianNeural – 云健(稳重)
zh-CN-YunfengNeural – 云枫(磁性)
zh-CN-YunhaoNeural – 云皓(豪迈)
zh-CN-YunxiaNeural – 云夏(热情)
zh-CN-YunyeNeural – 云野(野性)
zh-CN-YunzeNeural – 云泽(深沉)
API 参数
| 参数 | 类型 | 默认值 | 说明 |
|----------|--------|---------------------------|--------------------------------|
| input | string | - | 要转换的文本内容(必填) |
| voice | string | zh-CN-XiaoxiaoNeural | 语音选择 |
| speed | number | 1.0 | 语速(0.5-2.0) |
| pitch | string | 0 | 音调(-50 到 50) |
| style | string | general | 语音风格 |
| volume | string | 0 | 音量 |
支持的语音风格
general / assistant / chat / customerservice / newscast / affectionate / calm / cheerful / gentle / lyrical / serious
技术架构
- 前端:HTML5 + CSS3 + JavaScript
- 后端:Cloudflare Workers
- 语音引擎:Microsoft Edge TTS
- 设计系统:CSS 变量 + 响应式布局
- API:RESTful API(兼容 OpenAI TTS)
设计特色
- 现代化 UI:简洁的卡片式设计
- 响应式布局:适配各种设备尺寸
- 纯色设计:无渐变,更加专业
- 微交互:悬停效果和基础动画
- 可访问性:支持键盘导航和屏幕阅读器
移动端优化
- 触摸友好的按钮尺寸
- 专用布局适配移动屏幕
- 支持基础手势交互
- 性能优化提升响应速度
部署办法
第一步:注册 Cloudflare 账号
访问 cloudflare.com,注册一个免费账号
第二步:一键部署到 Cloudflare Workers
1. 在项目页面点击「Deploy to Cloudflare Workers」按钮
2. 授权 GitHub 访问权限并选择要部署的仓库
3. 等待部署完成
第三步:获取访问地址
部署成功后,会生成一个类似于 https://your-app.workers.dev 的地址,该地址即为你的语音合成网站
第四步(可选):添加自定义域名
1. 在 Cloudflare 控制台中找到对应 Worker
2. 绑定自定义域名
3. 配置 DNS 解析,完成域名接入
项目代码获取
**** Hidden Message *****
页:
[1]