私のサイトに Soundcloud カスタム プレーヤー ( https://github.com/soundcloud/soundcloud-custom-player ) を実装しています。
音で動くスペクトラムアナライザーを作りたいです。
どこから始めればいいのか、それが可能かどうかさえまったくわかりません。
私のサイトをチェックして、私の意味を確認してください: http://dev.upcoming-djs.com
右側にプレーヤーが表示され、再生をクリックすると再生が開始され、イコライザーが動き始めます。
これは現在フェイクエフェクトですが、音に合わせて動かしたいです。
もちろん、すべての提案および/またはヘルプは大歓迎です。
私のコメントを答えとして追加しました：
HTML5 Audio Data API を調べることをお勧めします。それ以外に、正規のスペクトラム アナライザが必要な場合は、Flash が必要になります (ちなみに、これはあなたが求めているものであり、イコライザーではありません)。
編集：
興味のある方のために、簡単なデモをここに用意しました: http://kevincennis.com/audio/ (Chrome のみ)
ソースは縮小されていませんが、特にコメントはありません。好きなものを自由に盗んでください。
簡単な答えは、これは javascript だけではできないということです。
あなたの選択肢は、広範なオーディオ API を持ち、プラグインとして Web ユーザーのブラウザーの大部分にインストールされているフラッシュのようなプラグインを使用するか、実験的な HTML5 オーディオ API を調べることです。
お役に立てれば
http://www.schillmania.com/projects/soundmanager2/demo/360-player/canvas-visualization.html#hifi=1
をご覧ください。
これについては記事を書きましたので、興味のある方はどうぞ。http://www.flobii-cc.com/2011/04/simple-fft-web-visualization.html
SoundManager2-API (フラッシュが必要) を使用してスペクトル データを取得し、HTML5 Canvas を使用してそれらを視覚化しました。
(HTML5 Audio API は一部のブラウザーに限定されています)