audio 可视化

在某些移动设备上，可能不能查看到效果，可以在电脑上的浏览器尝试。

注意

我们可能好奇某些音乐播放器，那些跳来跳去的韵律图是怎么做出来的，点击下面👇的播放按钮播放音乐，查看 audio 可视化。

您的浏览器不支持 canvas

在 codepen 查看源码

See the Pen audio-visual by zeng (@zengxiaoluan) on CodePen.

Further reading

• https://codepen.io/nfj525/pen/rVBaab
• https://juejin.im/post/5cfb68376fb9a07edb39392a
• https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API/Using_Web_Audio_API