我正在我的网站上实现 Soundcloud 自定义播放器 ( https://github.com/soundcloud/soundcloud-custom-player )。
我想创建一个基于声音移动的频谱分析仪。
我真的不知道从哪里开始,或者是否有可能。
请查看我的网站以了解我的意思:http ://dev.upcoming-djs.com
在右侧,您会看到播放器,当您单击播放时,它开始播放并且均衡器开始移动。
目前这是一个假效果,但我希望它随着声音移动。
所有建议和/或帮助当然非常感谢。
我正在我的网站上实现 Soundcloud 自定义播放器 ( https://github.com/soundcloud/soundcloud-custom-player )。
我想创建一个基于声音移动的频谱分析仪。
我真的不知道从哪里开始,或者是否有可能。
请查看我的网站以了解我的意思:http ://dev.upcoming-djs.com
在右侧,您会看到播放器,当您单击播放时,它开始播放并且均衡器开始移动。
目前这是一个假效果,但我希望它随着声音移动。
所有建议和/或帮助当然非常感谢。
添加了我的评论作为答案:
您可能想查看 HTML5 音频数据 API。除此之外,如果您想要一个合法的频谱分析仪(顺便说一句,这就是您所要求的。不是均衡器),您将需要 Flash。
编辑:
对于任何感兴趣的人,我在这里有一个快速而肮脏的演示:http: //kevincennis.com/audio/(仅限 Chrome)
来源未缩小,但没有特别好的评论。随意偷你想要的任何东西。
简单的答案是仅使用 javascript 无法做到这一点。
您的选择是使用像 flash 这样的插件,它具有广泛的音频 API,并作为插件安装在大部分网络用户浏览器上,或者查看实验性 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(需要 flash)来获取频谱数据和 HTML5 Canvas 来可视化它们。
(HTML5 音频 API 仅限于少数浏览器)