AudioContextで音声データをいい感じに表示する。 やること 音声ファイルのバイナリデータを取得 バイナリデータをAudioBufferに変換する AudioNode作成し、音声出力先とデータ解析用のインターフェースを紐付ける 再生を開始し、解析されたデータを取得してcanvasに描画する 音声ファイルのバイナリデータを取得 音声ファイルの指定方法はいくつかあるが、今回は2種類紹介。 input[type=file]でファイルを指定する方法と、パスを直書き(現実的なところだとinput[type=text]で指定)する方法。 var input = document.getElementById('file'); input.addEventListener('change', function () { var file = input.files[0]; var fr = ne