ギフプロギフプロ

Whisper APIで音声文字起こしWebアプリ作例|プロンプト公開

CODE PREVIEW

エディタを読み込み中…
P

プロンプト

マイクから音声を録音し、OpenAI Whisper APIに送信して文字起こしを行うWebアプリケーションを作成してください。ページには「録音開始」ボタン、「録音停止」ボタン、文字起こし結果を表示するテキストエリアがあります。バニラJavaScriptを使用し、モダンなUIデザインにしてください。API応答待ちの間にローディングスピナーを表示してください。デモ用のプレースホルダーAPIキーを使用してください。

このプロジェクトは、OpenAIのWhisper APIをWebアプリケーションに統合し、リアルタイムで音声文字起こしを行う方法を示しています。ブラウザのMediaRecorder APIで音声を録音し、Whisperに送信して文字起こし結果を即座に表示します。UIはモダンなガラスモーフィズムデザインで、ローディングスピナーも搭載しユーザー体験を向上させています。

このプロンプトは役に立ちましたか?

コメント

コメントは承認後に表示されます

この記事が役に立ったら投げ銭で応援

Apple Pay / Google Pay / カード (Visa/Mastercard/JCB/Amex) / Link / Alipay / WeChat Pay 対応 · Stripeで安全に決済

開発者が選ぶ最強ツール集

運営者が毎日使っているツール・ガジェット 6選

見る
ホームヘルプ