音声 Base64 変換ツール

Web ページで Base64 の音声を再生する

音声の MIME タイプを指定した data URI は、ブラウザが音声の URL を受け付ける場所ならどこでも使えます。

<audio controls src="data:audio/mpeg;base64,..."></audio>

// JavaScript：ボタンのクリック時に短い効果音を再生
const click = new Audio('data:audio/wav;base64,...');
button.addEventListener('click', () => click.play());

ブラウザは通常、訪問者がページを操作する前に音声が再生されるのをブロックします。そのため、play() はページの読み込み時ではなく、クリックやキー操作のハンドラーから呼び出してください。

Base64 の音声が適している用途

• 短い UI サウンド。数 KB 程度のクリック音、通知音、エラー音は JavaScript バンドルの中に含めておけるので、追加のリクエストなしですぐに再生できます。
• オフラインアプリや単一ファイルのアプリ。ゲーム、キオスク端末、e ラーニング教材、HTML レポートなど、サーバーなしに 1 つのファイルで動作する必要があるものは、音声をインラインで持たせられます。
• 音声認識 API。多くのクラウド音声認識サービスは、短い録音を JSON リクエスト内の Base64 フィールド（content や audio という名前が多い）で受け付けます。通常は特定の形式、サンプリングレート、チャンネル数が求められます。このツールはファイルをそのままエンコードするだけで、形式の変換やリサンプリングは行いません。
• テストのフィクスチャ。音声処理コードのテストでは、ごく小さなサンプルを文字列定数として保持できます。

音声に Base64 を使うべきでない場合

Base64 にするとサイズが約 3 分の 1 増え、ブラウザは文字列全体を受信するまで再生を開始できません。ストリーミングも、個別のキャッシュも、シーク用の Range リクエストも使えません。128 kbps で 5 分の MP3 は約 4.8 MB あり、HTML や JavaScript の中では約 6.4 MB のテキストになって、そのファイルが変更されるたびに再ダウンロードされます。音楽、ポッドキャスト、その他の長い録音には、通常の音声ファイルを配信してください。目安として、インライン化するのは数秒程度の音声に限るのがよいでしょう。

音声形式と MIME タイプ

OS によっては、audio/x-wav や audio/x-m4a のような別名のタイプが報告されることがあります。ブラウザは通常これらも再生できます。プラットフォームが特定のタイプを必要とする場合は、プレフィックスを書き換えてください。