音声を Base64 に変換

音声を Base64 に変換する方法

1. 音声ファイルを枠にドロップするか、ファイル選択で 1 つ以上選びます。MP3、WAV、OGG、M4A、AAC、FLAC のいずれも使えます。
2. プレビューで再生し、目的のクリップであることを確かめます。
3. 出力形式は最初 Data URI になっています。API 用ならプレーン Base64、名前・形式・サイズ・データをまとめて得たいなら JSON を選びます。
4. 出力をコピーを押します。長い録音には .txt で保存を使ってください。

Base64 から音声形式を見分ける

Data URI には、ブラウザがそのファイルについて報告する MIME タイプを使います。報告がない場合は、拡張子から選びます。MP3 と M4A の AAC は現行のすべてのブラウザで再生できます。Ogg、FLAC、WebM の対応状況も良好ですが、そこまで普遍的ではないので、ユーザーの環境で使う形式をテストしてください。

Base64 の音声が役立つ場面

• クリック音、通知音、ゲームの短い効果音は 1 つの HTML ファイルにインライン化できるので、ページやゲームがサーバーなしで 1 ファイルから動きます。
• 音声のテキスト化、翻訳、音声解析のサービスの多くは、録音を JSON のフィールドに Base64 で、エンコーディングやサンプルレートと一緒に受け付けます。
• 短いサンプルを Base64 の定数にしておけば、リポジトリにバイナリファイルを置かずに音声処理のパイプラインをテストできます。

音楽、ポッドキャスト、ウェブサイト上の数秒を超える音声は、ファイルへのリンクにしてください。ブラウザはリンクされたファイルをストリーミングし、範囲を指定して取得しますが、Data URI は再生が始まる前に全体がメモリに載っている必要があります。

エンコードした音声の大きさ

Base64 はファイルサイズの 4/3 なので、文字数はビットレートに比例します。

CD 品質の WAV は 1 分で Base64 が 1,400 万文字を超えます。形式ごとの詳細は MP3 を Base64 にと WAV を Base64 ににあり、受け取った Base64 文字列の再生や保存は Base64 を音声にでできます。

JavaScript で Base64 の音声を再生する

const beep = new Audio("data:audio/mpeg;base64,SUQzBAAAAAAAI1RTU0UAAAAPAAADTGF2...");
button.addEventListener("click", () => beep.play());

ブラウザはユーザー操作なしで始まる音声をブロックするので、play() はクリックやキー入力のハンドラーから呼び出してください。デコードやその他のバリエーションは JavaScript での Base64 で扱っています。

よくある質問