[WEB App] Audio Converter v1 — FFmpeg WASM + MediaRecorderによるブラウザ完結型オーディオコンバーター

Audio Converter

MP3 / WAV / OGG (Vorbis) / FLAC / AAC (M4A) / Opus (WebM) の6フォーマット相互変換をブラウザ内で完結するオーディオコンバーター。

FFmpeg WASMによる5フォーマット変換と、Web Audio API MediaRecorderによるネイティブOpusエンコードのハイブリッド構成。ビットレート・サンプルレート・チャンネル数の制御、入出力波形の比較表示、バッチ変換に対応。動画ファイル（MP4/MKV/WebM）からの音声抽出にも使えます。ファイルがサーバーにアップロードされることはありません。

Audio Converter

FFmpeg WASM + MediaRecorderによるブラウザ完結型オーディオコンバーター。MP3/WAV/OGG/FLAC/AAC/Opusの6フォーマット相互変換。

lain-lab.com

スクリーンショット

MP3 → WAV 変換

MP3 → OGG 変換

MP3 → FLAC 変換

MP3 → AAC 変換

MP3 → Opus 変換

動画（GIF）

特徴

• 6フォーマット対応 — MP3 / WAV / OGG (Vorbis) / FLAC / AAC (M4A) / Opus (WebM) の相互変換
• ブラウザ完結処理 — ファイルをサーバーへ送信せず、すべてブラウザ内で処理。プライバシーの高い音声ファイルでも安心
• ハイブリッドエンコード — FFmpeg WASMによる5フォーマット変換＋MediaRecorderによるネイティブOpusエンコード
• ビットレート制御 — 64 / 128 / 192 / 256 / 320 kbps から選択（WAV/FLACはロスレスのため非表示）
• サンプルレート制御 — Auto / 22050 / 44100 / 48000 Hz から選択
• チャンネル制御 — Auto / Mono / Stereo から選択
• 入出力波形比較 — INPUT / OUTPUT のオーディオプレイヤーと波形をCanvas描画で並べて表示
• 出力INFO表示 — 変換後のフォーマット、サイズ、圧縮率（増減%）、処理時間を表示
• バッチ変換 — 複数ファイルの一括ドロップ、ファイルリスト表示、順次変換
• 動画音声抽出 — MP4/MKV/WebM等の動画ファイルから音声トラックのみを抽出して変換
• ローカルファイルゼロ — /publicにファイルを置く必要なし。FFmpeg WASM/CoreはCDNから自動取得

使い方

1. 音声ファイルを読み込む

左パネルの「INPUT」ドロップエリアに音声/動画ファイルをドラッグ＆ドロップするか、エリアをクリックしてファイルを選択します。複数ファイルの同時ドロップにも対応しています。

対応する入力フォーマット：MP3, WAV, OGG, FLAC, AAC, Opus, M4A, WMA, AIFF, APE, WebM, MP4, MKV など。

2. 出力フォーマットを設定する

設定	説明
Format	出力フォーマットを選択（MP3 / WAV / OGG / FLAC / AAC / Opus）
Bitrate	ビットレート。64〜320 kbps。WAV/FLAC選択時は非表示
Sample Rate	サンプリングレート。Auto（入力と同じ）/ 22050 / 44100 / 48000 Hz
Channels	チャンネル数。Auto（入力と同じ）/ Mono / Stereo

フォーマット選びの目安：

フォーマット	特徴	用途
MP3	最も汎用的な非可逆圧縮	一般的な音楽配布
WAV	非圧縮。高音質だが大容量	編集素材、原音保存
OGG (Vorbis)	オープンソースの非可逆圧縮。MP3と同等品質で若干小さい	ゲーム/Web用途
FLAC	可逆圧縮。WAVと同品質で小さい	アーカイブ、高音質配布
AAC (M4A)	Apple標準の非可逆圧縮。MP3より高効率	Apple系デバイス
Opus (WebM)	最新の非可逆コーデック。低ビットレートでも高品質	VoIP、ストリーミング

3. 変換を実行する

🔄 CONVERT ボタンをクリック、または Ctrl+Enter で変換を開始します。

初回実行時はFFmpeg WASMエンジンのダウンロードが必要です（約30MB）。プログレスバーでダウンロード・変換の進捗が表示されます。

複数ファイルをドロップした場合は ⚡ CONVERT ALL で全ファイルを順次変換できます。

4. 結果を確認する

変換完了後、メインエリアの OUTPUT プレイヤーで結果を試聴できます。INPUT と OUTPUT の波形が並んで表示されるため、視覚的にも比較できます。

左パネルの OUTPUT INFO セクションに以下の情報が表示されます：

項目	説明
Format	出力フォーマット
Size	出力ファイルサイズ
Reduction	サイズ変化率（-は圧縮、+は増加）
Time	処理時間

5. ファイルをダウンロードする

💾 DOWNLOAD ボタンで変換済みファイルをダウンロードします。ファイル名は入力ファイル名の拡張子を出力フォーマットに置き換えたものになります。

動画からの音声抽出

MP4/MKV/WebMなどの動画ファイルをドロップすると、映像トラックを無視して音声トラックのみを抽出・変換します。「動画から音声だけ取り出したい」という用途にもこのツール1つで対応できます。

キーボードショートカット

ショートカット	説明
Ctrl+Enter	変換を実行

技術スタック

• @ffmpeg/ffmpeg v0.12.10 + @ffmpeg/core v0.12.6 — FFmpegのWASMビルド（libmp3lame, libvorbis, flac, aac対応）
• Web Audio API + MediaRecorder — ブラウザネイティブOpusエンコード（FFmpeg core未収録のlibopus代替）
• Canvas API — 入出力波形の描画
• Astro — Webアプリケーション基盤

技術記事

[Astro] #135 Audio Converter v1 — FFmpeg WASMによるブラウザ完結型オーディオコンバーター

FFmpeg WASM + Web Audio API MediaRecorderのハイブリッド構成で、6フォーマット相互変換をブラウザ完結で実現。Opus問題の解決策まで。

lain-lab.com

更新履歴

• [2026-09-08]: v1.0初回公開。
  
  • FFmpeg WASM による MP3/WAV/OGG/FLAC/AAC 変換
  • Web Audio API MediaRecorder による Opus エンコード
  • ビットレート / サンプルレート / チャンネル制御
  • 入出力波形比較表示
  • バッチ変換対応
  • 動画ファイルからの音声抽出対応
  • 出力INFO（サイズ/圧縮率/処理時間）表示