open audio

ライブWebサイト：OpenAudio.aiをご覧ください

オープンオーディオTTS

Open-Audio TTSは、ユーザーがテキストを自然な音の音声に変換できるWebアプリケーションです。 Openaiのテキストからスピーチへのモデルを搭載したこのツールは、Chakra UIで構築された直感的なユーザーインターフェイスを提供し、スピーチオーディオファイルを生成およびダウンロードするためのシームレスなエクスペリエンスを提供します。

特徴

• テキストからスピーチ：OpenAIのTTSモデルを搭載した高品質の声でテキストをスピーチに変換します。
• カスタマイズ可能な声：さまざまな声から選択して、ニーズに最適な声を見つけます。
• 調整可能な速度：スピーチの速度を制御して、好みのリスニングペースに合わせます。
• BYO ：独自の（BYO）APIキーを持参してください。サーバー側にデータは保存されていません。
• ダウンロード可能なオーディオ：生成された音声をブラウザから直接mp3ファイルとして簡単にダウンロードできます。
• ユーザーフレンドリーインターフェイス：応答性を念頭に置いて構築され、さまざまなデバイスで快適なエクスペリエンスを提供します。

Vercelに展開します

next.jsアプリを展開する最も簡単な方法は、next.jsの作成者からvercelプラットフォームを使用することです。

インストール

プロジェクトをローカルに設定するには、次の手順に従ってください。

1. リポジトリをローカルマシンにクローンします。
2. プロジェクトディレクトリに移動します。
3. npm installで依存関係をインストールします。
4. npm run devで開発サーバーを開始します。
5. http://localhost:3000を開いて、ブラウザで表示します。

環境変数の使用方法（無効にして戻ってきて、純粋にクライアント側に物事を維持する）

1. .env.exampleファイルを以下にコピーします。
   • .env.localファイル：ローカル開発用（これはgitにコミットすべきではありません） cp .env.example .env.local
   • .ENV：生産展開用（これは、プロジェクトの設定ページの下のVercel環境変数を介して行うことができますcp .env.example .env
2. OpenAIのWebサイトのAPIキーセクションの下にOpenAI APIキーを作成またはコピーして、OpenAI_API_KEYを追加します。
3. 保存して、アプリを再起動し、 npm run devを実行します。 APIキーは、UIおよびUI要素の代わりに環境変数から設定されるようになりました。

使用法

Open-Audio TTSを使用するには、単純に：

1. 提供されたフィールドにOpenAI APIキーを入力します。
2. 「入力テキスト」フィールドに変換するテキストを入力または貼り付けます。
3. 音声を選択し、必要に応じて速度を調整します。
4. [スピーチの作成]をクリックして、オーディオを生成します。
5. オーディオが生成されたら、コントロールを使用して再生するか、[mp3をダウンロード]をクリックして保存します。

デモ

貢献

貢献は大歓迎です！提案や問題がある場合は、問題ページを使用してお知らせください。

ライセンス

このプロジェクトは、MITライセンスに基づいてライセンスされています。詳細については、ライセンスファイルを参照してください。

謝辞

• テキストからスピーチのAPIを提供してくれたOpenaiに感謝します。
• 美しいコンポーネントライブラリのチャクラUI。
• Icons8によるテキストアイコンへのスピーチ

Vercelに展開します

next.jsアプリを展開する最も簡単な方法は、next.jsの作成者からvercelプラットフォームを使用することです。

詳細については、next.js deploymentドキュメントをご覧ください。