Soundcloud（javaScript）自定义播放器创建频谱分析仪

Question

我正在我的网站上实现Soundcloud自定义播放器（https://github.com/soundcloud/soundcloud-custom-player）。

我想创建一个基于声音移动的频谱分析仪。

我真的不知道从哪里开始，或者根本不可能。

请查看我的网站，了解我的意思：http://dev.upcoming-djs.com

在右侧，你会看到播放器，当你点击播放时，它开始播放，均衡器开始移动。

这是一个假效果，但我想让它随声音移动。

当然，非常感谢所有建议和/或帮助。

Answer 1

添加了我的评论作为答案：

您可能需要查看HTML5音频数据API。除此之外，如果你想要一个合法的频谱分析仪（顺便提一下，你要的是它而不是均衡器），你将需要Flash。

编辑：

对于任何有兴趣的人，我在这里有一个快速而又脏的演示：http://kevincennis.com/audio/（仅限Chrome）

来源没有缩小，但评论不是特别好。随意窃取任何你想要的东西。

Answer 2

简单的答案是，使用javascript无法做到这一点。

您可以选择使用Flash等插件，该插件具有广泛的音频API，并作为插件安装在大部分网络用户浏览器上或查看实验性HTML5音频API。

希望这会有所帮助

Answer 3

声音管理器2

看看
http://www.schillmania.com/projects/soundmanager2/demo/360-player/canvas-visualization.html#hifi=1

Answer 4

如果你有兴趣，我写了一篇关于这个的文章。 http://www.flobii-cc.com/2011/04/simple-fft-web-visualization.html

我使用SoundManager2-API（需要flash）来获取光谱数据，并使用HTML5 Canvas来显示它们。

（HTML5 Audio API仅限于少数浏览器）