舊版本介面

功能特色

• 🌐 完全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 授權條款

開始使用