🌐 语言

TTS-Vue Web版本

✅ 在线演示（推荐）: https://xiaoying.work (🎁 每天免费 10,000 字符)

🚀 新品上线: 专业配音产品 / 更加稳定 / 支持套餐 / 支持更多声音 / 支持任务队列

🎤 微软语音合成工具，Web版本，基于 Vue + ElementPlus + Vite 构建。

托管版本 / 在线体验

这个仓库是开源 Web UI 的参考实现。如果您需要更稳定、功能更强大的服务，推荐使用我们的官方托管版。

网站示例

托管网站界面

https://xiaoying.work (🎁 每天免费 10,000 字符)

1767435524286

https://web.tts88.top

新版本界面

旧版本界面

功能特点

🌐 完全Web化，无需安装桌面应用
🔊 支持微软多种语音合成
🚀 支持TTS88 API集成
🆓 支持免费TTS调用，每日免费额度
🧠 支持OpenAI的文本生成
🌍 支持多语言：中文、英文、西班牙语
🔐 浏览器指纹识别，更安全的用户体验

开发计划

📢 重要通知：桌面版本正在开发中！

我们正在开发跨平台桌面应用版本，将支持更多功能和更好的用户体验。

敬请期待后续更新，请关注项目动态获取最新信息。

快速开始

Development Environment

# 克隆仓库
git clone https://github.com/henryhu55/tts-web-vue.git
安装依赖
yarn install
启动开发服务器
yarn dev

生产构建

# 构建生产版本
yarn build
预览生产版本
yarn preview

部署

构建完成后，将 dist目录的内容部署到任何静态Web服务器上即可。

API配置

本Web版本目前支持免费TTS服务、TTS88 API和OpenAI API:

免费TTS服务配置

在设置页面中找到"免费TTS服务"选项
系统默认配置了免费TTS服务器地址
您可以查看当日剩余免费额度和重置时间
每个浏览器客户端拥有独立的免费额度

TTS88 API配置

在设置页面中找到"第三方API URL"设置选项
输入您的TTS88 API地址
如果有API密钥，请输入到"TTS88 API密钥"字段

OpenAI API配置

在设置页面中找到OpenAI设置选项
输入您的OpenAI API密钥
选择要使用的模型（默认为gpt-3.5-turbo）
如果使用自托管或代理，可以设置自定义的API Base URL

注意事项

数据仅存储在浏览器本地存储中，刷新或清除缓存不会影响到其他用户
转换后的音频文件可以直接在浏览器中播放或下载到本地
免费TTS服务每日有使用额度限制，超出需等待次日重置

技术栈

Vue 3.2
Pinia
ElementPlus

Vite

许可证

MIT 许可证

开始使用

注意

该软件以及代码仅为个人学习测试使用，请在下载后24小时内删除，不得用于商业用途，否则后果自负。任何违规使用造成的法律后果与本人无关。该软件也永远不会收费，如果您使用该软件前支付了额外费用，或付费获得源码或成品软件，那么你一定被骗了！

搬运请注明出处。禁止诱导他人以加群、私信等方式获取软件的仓库、下载地址和安装包。

意见问题反馈，版本发布企鹅群：

【tts-web-vue问题反馈群1】279895662

--- Tranlated By Open Ai Tx | Last indexed: 2026-01-04 ---

tts-web-vue