Whisper API 録音文字起こしアプリのプロンプト作例【AI生成】

このデモは、ブラウザのMediaRecorder APIとOpenAIのWhisper APIを使用したリアルタイム音声文字起こしアプリケーションです。ユーザーはマイクで音声を録音し、キャンバス上でライブ波形を確認しながら、文字起こし結果を受け取ることができます。

UIはダークテーマでクリーンなレイアウトを採用し、APIキー入力フィールド、録音開始/停止ボタン、波形キャンバス、文字起こし結果エリアを備えています。ステータス表示により、録音中や文字起こし中のフィードバックを提供します。

このデモを使用するには、WhisperモデルにアクセスできるOpenAI APIキーが必要です。音声はWebMブロブとして録音され、そのままWhisper APIに送信されて文字起こしが行われます。