🌐 語言
TTS-Vue 網頁版
✅ 線上演示（推薦）: https://xiaoying.work (🎁 每天免費 10,000 字元)>
🚀 新產品: 專業配音產品 / 更穩定 / 支援套餐 / 支援更多聲音 / 有任務隊列
🎤 微軟語音合成工具，網頁版，使用 Vue + ElementPlus + Vite 構建。
雲端版 / 線上體驗
這個倉庫是開源 Web UI 的參考實現。如果您需要更穩定、功能更強大的服務，推薦使用我們的官方託管版。| 特性 | 自行託管 (此倉庫) | XiaoYing.work (官方託管) | | :----------------- | :------------------------- | :---------------------------------------------- | | 部署難度 | 需要自行部署後端、配置環境 | 開箱即用，無需部署 | | 免費額度 | 依賴後端配置 | 每天免費 10,000 字元 | | 穩定性 | 依賴本地網絡環境 | 高可用 SLA，專線加速 | | 功能 | 基礎語音合成 | 帳號體系、任務佇列、更多音色、API支援 | | 維護 | 社群維護 | 官方持續更新維護 | | 適用場景 | 學習、個人研究 | 生產環境、專業配音、高頻使用 |
網站示例
託管網站介面
https://xiaoying.work (🎁 每天免費 10,000 字元)
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 設定
本網頁版目前支援免費 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 ---