TTS-Vue Web版本
🎤 微软语音合成工具,Web版本,使用 Vue + ElementPlus + Vite 构建。
网站示例
https://web.tts88.top
新版本界面
旧版本界面
功能特点
- 🌐 完全Web化,无需安装桌面软件
- 🔊 支持微软多种语音合成
- 🚀 支持TTS88 API集成
- 🆓 支持免费TTS调用,每日享有免费额度
- 🧠 支持OpenAI文本生成
- 🌍 支持多语言:中文、英文、西班牙语
- 🔐 浏览器指纹识别,提升安全用户体验
最新更新
界面重构与功能增强 (v2.2.0)
- 📱 UI重构:顶部导航固定,文本框采用吸顶模式,优化移动端适配
- 🔤 SSML增强:新增SSML格式化功能,设置变化自动更新SSML
- 🎵 播放器优化:集成播放器至主界面,改进音频播放与下载体验
- 🎞️ 字幕功能:新增在线生成字幕功能,提升内容创作效率
- 🌓 主题优化:优化暗黑模式界面表现,增加全局主题切换
- 🛠️ 高级设置:优化免费TTS服务界面,新增语速和音调配置
- 💡 交互体验:添加工具提示功能,增强用户操作指引
- 🔄 依赖升级:Vue升级至3.5.11,ElementPlus升级至2.9.9
- 🌐 链接更新:GitHub仓库地址已更新
免费TTS服务集成 (v2.1.0)
- 🆕 免费TTS功能:无需API密钥,每日享有免费额度
- 👤 浏览器指纹识别:保障每位用户公平使用免费额度
- 🔄 额度状态显示:实时展示剩余免费字符数与重置时间
- 🌐 服务器状态检测:自动检测免费TTS服务器连接状态
- 🛡️ 增强错误处理:更友好的错误提示与状态反馈
- 🎛️ 免费TTS设置面板:方便用户配置和查询额度信息
界面与用户体验优化 (v2.0.0)
- ✨ 设置区域优化:设置面板支持折叠,点击“语音设置”标题即可展开/折叠
- 🔘 智能按钮位置:“开始转换”按钮移至顶部,无需滚动即可点击
- 💬 状态提示增强:添加直观的转换状态提示文字
- 🎨 视觉效果改进:按钮添加光效动画,增强用户体验
- 📱 响应式布局优化:改进在不同屏幕尺寸下的显示效果
开发计划
📢 重要通知:桌面版本正在开发中!
我们正在开发跨平台桌面应用版本,将支持更多功能和更好的用户体验。
敬请期待后续更新,请关注项目动态获取最新信息。
快速开始
开发环境
# 克隆仓库
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: 2025-12-30 ---