旧バージョン画面

機能の特徴

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

最新アップデート

インターフェース再構築と機能強化 (v2.2.0)

• 📱 UI再構築：トップナビゲーション固定、テキストボックスはスティッキーモード、モバイル端末最適化
• 🔤 SSML強化：SSMLフォーマット機能追加、設定変更に応じて自動更新
• 🎵 プレーヤー最適化：プレーヤーをメイン画面に統合、音声再生とダウンロード体験を改良
• 🎞️ 字幕機能：オンライン字幕生成機能を追加、コンテンツ作成効率向上
• 🌓 テーマ最適化：ダークモードのUI改善、グローバルテーマ切替追加
• 🛠️ 高度な設定：無料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サービスは1日あたりの利用上限があり、超過すると翌日のリセットまで待つ必要があります

技術スタック

• Vue 3.2
• Pinia
• ElementPlus
• Vite

ライセンス

MITライセンス

はじめに