メインコンテンツへスキップ

無料音声スペクトラムアナライザー

音声の周波数をバー、波形、円形スペクトルでリアルタイムに表示します。音声ファイルにもマイク入力にも対応し、ブラウザ内で動作します。

読み込み後はオフラインでも動作

ここにファイルをドロップするか、クリックして選択

MP3, WAV, OGG, M4A, FLAC, AAC, OPUS · デバイス上で処理

または Ctrl+V でクリップボードから貼り付け

ファイルを参照

ファイルがデバイスを離れることはありません。すべての処理はブラウザ内でローカルに行われます。

—
最も強い周波数
—
最も近い音名
—
ピークレベル
—
RMS レベル
設定
周波数スケール

サンプルレート: 44.1 kHz · 解像度: 5.4 Hz/bin · FFT 8192

すべての分析はWeb Audio APIを使用してブラウザ内で実行されます。音声はアップロードされません。

主な用途

  • ポッドキャストオーディオを分析スペクトラムを使用してポッドキャスト録音をチェックして、ルームノイズ、破裂、シビランスを確認します。

使い方

このスペクトラムアナライザーはブラウザ内だけで動作します。Web Audio API の AnalyserNode がファイルやマイクの音声をリアルタイムで FFT(高速フーリエ変換)し、各フレームを自前の Canvas 2D コードで描画します。可視化ライブラリは使わず、音声が端末の外に出ることもありません。

  1. 1
    音声のデコードとAnalyserNodeへの受け渡し
    ファイルを読み込むと、Web Audio APIがそれをAudioBufferにデコードし、MediaElementAudioSourceNodeを介してAnalyserNodeにルーティングします。マイク入力の場合、getUserMedia()がストリームを取得し、代わりにMediaStreamAudioSourceNodeを介して供給します — エコーキャンセル、ノイズ抑制、自動ゲインはすべて無効化され、生の信号が見えるようになっています。
  2. 2
    AnalyserNodeが毎フレームFFTを実行する
    毎アニメーションフレーム(requestAnimationFrame経由)、コードはgetFloatFrequencyData()を呼び出して現在のFFT振幅スペクトラムをdBFSで読み取り、getFloatTimeDomainData()で生の波形サンプルを取得します。FFTサイズは2048から16384ビンまで設定可能で、44.1kHzで約2.7Hz/ビンという細かい周波数分解能が得られます。
  3. 3
    Canvas 2Dが選択されたビューを描画する
    アナライザー表示はFFTビンを対数周波数(20Hz〜20kHz)のX軸とdBFSのY軸にマッピングし、スペクトラムを塗りつぶした線として描画して、減衰するピークホールドの軌跡を重ねます。最も強い周波数はピークビン周辺の放物線補間で特定され、最も近い平均律の音名(A4=440Hz)に変換されて、読み取り値にセントのずれが表示されます。スペクトログラム表示は毎フレームキャンバスを1ピクセル左にスクロールし、インフェルノ風のカラーランプで新しい列を描画します。アーティスティック表示はバイト解像度の周波数データまたは時間軸データを使って、バー、波形、円形の装飾モードを表示します。
  4. 4
    CanvasとMediaRecorderによる書き出し
    PNGの保存はcanvas.toBlob()を呼び出して現在のフレームをエンコードします。動画の録画はcanvas.captureStream(30)をMediaStreamAudioDestinationNodeからの音声タップと組み合わせ、MediaRecorderに送ってWebMまたはMP4を生成します。WAVの書き出しはDataViewを使ってAudioBufferから16ビットPCM RIFFファイルを手書きでエンコードします — 外部エンコーダーは使用しません。

音声ファイルはブラウザ内でWeb Audio APIによってデコードされ、アップロードされることはありません — ファイルのデータは、分析から書き出しまで一貫して端末上にとどまります。

ガイド

実例

44.1 kHzで録音した3分間のボーカルを「歌のピッチ」のクイック設定で開くと、FFTサイズは16384になり、約2.7 Hzのビン幅が得られます。「アナライザー」表示では、最も強い周波数、それに最も近い音名、何セントずれているかが表示されます。440 Hz付近で保たれた音はA4と表示されるため、高め(シャープ)か低め(フラット)かを確認できます。FFTサイズが2048だと、同じ音は約21.5 Hz刻みでしか測れず、チューニングには粗すぎます。

使用する設定と制限事項

  • クイック設定から始めましょう。 「歌のピッチ」は細かい周波数表示と音名表示を使います。「ミックスチェック」は、ピークホールド付きの滑らかなスペクトラムで音のバランスを確認します。「ハム音を探す」は、電源ハムが水平の一定した線として現れるスペクトログラムを描きます。「ロスレスの確認」では、低ビットレートのMP3が16 kHz付近で急にカットされているかどうかを確認できます。
  • FFTサイズで、時間の細かさと周波数の細かさを使い分けましょう。 FFTサイズは2048、4096、8192、16384から選べます。サイズが大きいほど、隣り合う音のような近い周波数を見分けられますが、素早い変化への反応は遅くなります。小さいサイズはドラムのような速い音に追従します。
  • トラック全体にはスペクトログラムを使いましょう。 スペクトログラム表示は、再生せずにファイル全体を描画します。カーソルを合わせると時間、ピッチ、レベルが表示され、タップするとその位置に移動します。「表示する最小レベル」と「表示する最大レベル」で色の範囲を設定します。
  • 適切な書き出し方法を選びましょう。 「PNG として保存」はグラフを2倍サイズで保存します。「動画を録画」はライブアニメーションをリアルタイムで録画します。「MP4を作成」は1フレームずつH.264とAACで描画し、スマートフォンで最大3分、パソコンで最大10分まで、横長・正方形・縦長のサイズで作成します。描画中はタブを開いたままにしてください。
  • マイクでは、加工されていない音が表示されます。 エコーキャンセレーション、ノイズ抑制、自動ゲインはオフになっているため、マイクが実際に拾っている音がそのまま表示されます。バッキングトラックを流す場合は、ヘッドホンを使ってください。

よくある問題とその解決方法

マイクが起動しません。
アクセスが拒否された場合、サイト設定でマイクを許可するまでブラウザは再び要求しません。マイクが見つからない場合は、接続されて有効になっているか確認してください。別のアプリやタブが使用している場合は、それを閉じてからもう一度お試しください。
再生に失敗したと表示されます。
ブラウザは、タップするまで音を出さないことがあります。「タップして再生」と表示されたら、タップしてください。表示されない場合はファイルが破損している可能性があるため、MP3、WAV、M4A、OGG、FLACのコピーをお試しください。
音声をWAVで保存できません。
保存するにはファイル全体をメモリ上でデコードする必要があり、再生はできてもデコードできないファイルがあります。ファイルをMP3またはWAVで書き出し直すか、開始・終了の欄で短いクリップを選んでください。
動画の録画またはMP4書き出しが自分のブラウザで動作しません。
録画にはMediaRecorderへの対応が、MP4の書き出しにはH.264とAACのエンコードが必要です。最新のChrome、Edge、Safariで使えます。それまではPNGで保存できます。

比較

アナライザービューは、ある瞬間のレベルを周波数に対してプロットし、チューニングや音色バランスに使用します。スペクトログラムは、ファイル全体の周波数を時間に対してプロットし、一瞬より長く続くハム、ノイズ、ビットレートのカットオフを見つけるのに使用します。

関連ツール

よくある質問