首先我们要跟音乐数据相结合，就需要了解一下audioContext的内容。 这样之后，就会把音频数据写入dataArray这个变量中。 数据有了。我们先看看数据长什么样。 第一反应是不是觉得自己的写错了，其实不然，这说明你的音频没有声音，我们加载音频刚开始都是这样的。 这样的数…

在上篇文章中我们已经拿到了频谱数据，也知道了数组每个元素表示的是振幅，那这些数组元素之间有什么关系呢？根据FFT的原理， N个音频信号样本参与计算将产生N/2个数据（2048/2=1024），其频率分辨率△f=Fs/N = 44100/2048≈21.5hz，而相邻数据的频率间…

市面上，音频编辑软件非常多，比如 cubase、sonar 等等。虽然它们功能强大，但是在 Web 上的应用却显得心有余而力不足。因为 Web 应用的大多数资源都是存放在网络服务器中的，用 cubase 这些软件，首先要把音频文件下载下来，修改完之后再上传到服务器，最后还要作更…

最近听了一首很好听的歌《一路生花》，于是就想用 Three.js 做个音乐频谱的可视化，最终效果是这样的： 代码地址在这里：https://github.com/QuarkGluonPlasma/th

前两天在网易云听歌的时候，看到有个功能叫鲸鱼音效，点进去长下面这个样子。这是一个很常见的音乐律动动画，在音乐播放的过程中，CD 周围的曲线抖动，给听者带来一些听觉视觉上的双重冲击。 今天尝试用代码来实现一个【类似】的效果，着急的朋友可以跳过文章，直接查看最终效果。喜欢的朋友不要…