傅里叶变换音频可视化_快速上手网易云音乐可视化
作者:Sanpeier
https://juejin.im/post/5dd88289e51d4523564243da
什么是音频可视化
音频可视化,顾名思义,就是通过获取音频的波形、频率和其他来自音频的数据转换成图像,再到屏幕上显示出来。通过它,我们能够制作一些炫酷的前端音乐界面。
下面,我将分析一个来自云音乐技术团队的音频可视化开发案例,快速帮助小白,制作自己喜欢的炫酷的音频可视化界面。
先上图

想开发这么一个炫酷的音频界面,我们可以先来聊聊 canvas
canvas是什么
canvas是HTML5中用于图形绘制的容器元素,它通常通过JavaScript脚本来完成图形绘制。要完成我们下面的音频可视化开发,我们可以借组结构canvas的几个方法,下面将通过开发一个页面倒计时的小案例来帮助初学者了解canvas的一些属性和方法。
先上代码
