截图

音频可视化

利用web audio音频可以视化,可以将音频数据以视觉的形式表现出来,让歌曲不再仅仅是听觉上的感受!含频谱图和时域图。
web audio api中的AnalyserNode内置散傅里叶变换,开发者可以很容易的导出频谱数据和时域图数据。
例子中,将audio标签转成MediaElementSource音频源,将音源连接到AnalyserNode,使用AnalyserNode的getByteFrequencyData方法取到频谱数据, getByteTimeDomainData方法取到时域图数据,并将这些数据渲染到canvas中。

/