Web Audio API 的 AnalyserNode 捕获实时频率和时域数据。这些数据被绘制到 HTML Canvas 上作为动画条或波形。
选条状模式看频率分布，选波形模式看振幅起伏。上传音频文件，或直接开麦克风让它跟着你的声音动。
条状模式里，左边是低音，右边是高音。放一首歌，鼓和贝斯会顶起左边几根柱子，人声和镲片在中间偏右。看多了之后，你大概能认出均衡器上哪个频段在响。
波形模式看的是响度和节奏。鼓点重的地方波形冲得高，安静的地方几乎是一条线。用它检查音频有没有削波很方便：波形如果顶满到上下边缘，说明录的时候过载了。
麦克风模式适合现场用。说话、弹琴、敲桌子，画面马上跟着动。做直播背景或者教室里演示声波，开这个模式就行。
颜色从左到右按频率渐变，低音偏冷色，高音偏暖色。柱子的高低就是那一小段频率的响度，响的频段柱子高，安静的频段柱子低。
整个处理都在浏览器本地完成。音频文件不会上传到任何服务器，断网也能用。
第一次打开先随便传一首歌，两个模式各切一次。条状模式适合看频段，波形模式适合看节奏和响度，哪个用得上就停在哪个。做视频素材的人多用条状模式，检查录音的人多用波形。
可以，选择 Mic 可视化实时输入。
没有。长音频也能可视化，内存足够就行。
不能，两种音源二选一。
那是音乐里的鼓和贝斯，它们的能量集中在低频，条状模式下左边几根柱子一直在跳是正常现象。
播放器的动画多是装饰性的，这里的柱子和波形直接对应真实频谱数据，可以拿来做分析和教学。
任何浏览器兼容格式。
使用屏幕录制软件。
是的，60 FPS 动画。
是的，无限制。
页面加载之后不需要。音频解码和绘图全部在本地完成。
先确认点了播放键。部分浏览器要求先和页面有一次交互，点一下画面再播。
不能。要保存动画画面，用系统自带的录屏功能。
不会。文件只在你的浏览器里读取。