旧版本界面

功能特点

• 🌐 完全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 许可证

开始使用