Whisper API文字起こしアプリのHTML作例【プロンプト付き】

ブラウザのMediaRecorder APIで音声を録音し、OpenAI Whisper APIで文字起こしするHTMLページを1枚作成。録音開始/停止のマイクボタン、録音後のプレイヤー、文字起こし結果の表示。ダークモードのスタイリッシュなUI。APIキー入力欄を設ける。Axiosでリクエスト。