Web Audio API サンプル

概要

音声ファイルやマイクの音を使って周波数分析するサンプルです。 結果はカラーマップ(ウォーターフォール?)で表示します。
また、表示したカラーマップは配色パターンを変更することができます。

使い方(音声ファイル)

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

使い方(マイク)

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