Web Audio API サンプル

概要

音声ファイルやマイクの音を使って周波数分析するサンプルです。 結果はカラーマップ(ウォーターフォール?)で表示します。
また、表示したカラーマップは配色パターンを変更することができます。
ブラウザに多少の負荷がかかります。余計な操作すると分析が追いつかずに絵が綺麗に表示されない場合がります。ご了承ください。

使い方(音声ファイル)

  1. [ファイルを選択] ボタンをクリックして音声ファイルを指定してください。
  2. [Play] ボタンをクリックすると読み込んだ音楽の再生を開始します。
  3. [Stop] ボタンをクリックして音声を止めてください。
    再生した音声を周波数分析した結果画像が表示されます。
  4. 「色を変更」ボタンを押すと見やすい色に変更できます。

使い方(マイク)

  1. [Start Mic] ボタンをクリックしてマイクを有効にしてください。
    ブラウザが許可を求めるダイアログを表示してくるので、許可してください。
  2. マイクが拾った音がスピーカーから聞こえます。
  3. [Stop Mic] ボタンをクリックしてマイクをOFFにしてください。
    再生した音声を周波数分析した結果画像が表示されます。
  4. 「色を変更」ボタンを押すと見やすい色に変更できます。
(1-1)
(1-2) ファイルを再生/ストップ : 
(2-1) マイク On / Off : 

色を変更: