🌐 言語

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化、デスクトップアプリのインストール不要
🔊 Microsoftの多様な音声合成に対応
🚀 TTS88 API統合に対応
🆓 無料TTS呼び出し対応、毎日無料枠あり
🧠 OpenAIのテキスト生成に対応
🌍 多言語対応：中国語、英語、スペイン語
🔐 ブラウザフィンガープリント認証でより安全なユーザー体験

開発計画

📢 重要なお知らせ：デスクトップ版を開発中です！

現在、クロスプラットフォーム対応のデスクトップアプリ版を開発中で、より多くの機能と優れたユーザー体験を提供します。

今後のアップデートにご期待ください。最新情報はプロジェクトの動向をチェックしてください。

クイックスタート

開発環境

# 克隆仓库
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サービスは1日あたりの利用上限があり、超過すると翌日のリセットまで待つ必要があります

技術スタック

Vue 3.2
Pinia
ElementPlus

Vite

ライセンス

MITライセンス

はじめに

注意

本ソフトウェアおよびコードは個人の学習とテスト用のみであり、ダウンロード後24時間以内に削除してください。商業目的での使用は禁止されており、違反した場合の責任は自己負担となります。違法使用に起因する法的責任は一切負いません。本ソフトウェアは永遠に無料です。使用前に追加料金を支払ったり、ソースコードや完成品ソフトを有料で入手した場合は、詐欺に遭った可能性があります！

転載する場合は出典を明記してください。グループ参加や個人メッセージなどでソフトウェアのリポジトリ、ダウンロード先、インストールパッケージを誘導することは禁止します。

意見・問題報告、バージョンリリース用のQQグループ：

【tts-web-vue問題報告グループ1】279895662

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

tts-web-vue