用于浏览器的音频可视化器实验。 由和。 在Chrome中运行效果最佳。 工作演示@ 。 尝试从桌面拖入mp3!
癫痫警告
在本地运行
在没有服务器的情况下在本地运行此应用程序会出现问题。 我建议cd进入目录并从命令行运行http-server 。 如果您没有此命令,请像这样安装它: npm install -g http-server 。
技术概述
使用网络音频API,我可以获得一个数字数组,该数字数组对应于html5音频元素产生的声音的波形。 有一个关于如何做到这一点。 然后,使用requestAnimationFrame (出于性能原因而对进行一些),随着音乐的变化,我将更新该数组。 然
1