js音乐播放器的实现以及可视化

前言我们尝试用原生js写一个音乐播放器,对音频做一个简单的可视化。最终的效果如下图:思路还是比较明显的,第一,我们要拿到音频的什么数据进行可视化,如何获取?第二,如何可视化,第二个问题就比较简单了,用canvas来操作。获取音频相关的数据可以用 Web Audio API , 这里我们可以去 MDN

#前端   #播放器