把声音变成看得见的东西。这个工具实时读取你的麦克风,把它画到画布上:可以是跳动的波形、一排频率柱,或者放射状的圆环。整个过程都走浏览器里的 Web Audio API,音频逐帧分析后即被丢弃,既不录制也不上传。它适合检查麦克风是否正常、在练习时观察音高与力度,也可以用来直观展示频率和振幅到底是什么意思。
如何使用
- 开始: 点击”开始麦克风”,并在浏览器的权限提示中允许访问。
- 发出声音: 对着麦克风说话、唱歌、拍手,或把乐器靠近麦克风。
- 切换模式: 用”模式”下拉菜单在波形、频率条和圆形之间切换。
- 更换颜色: 从”颜色”下拉菜单的八种预设中挑选,改动会立即生效。
- 停止: 点击”停止麦克风”释放设备,画布随之清空。
时域与频域
每一种声音都有两种描述方式,这个可视化工具把两者都呈现出来。时域视图是原始的气压信号:横轴是时间,纵轴是振幅。响亮的瞬间离开中线形成尖峰,安静时则是一条平线。这正是示波器显示的东西,也是观察削顶、爆破音和整句话包络的最佳视角。
频域视图回答的是另一个问题:此刻空气里所有音高当中,每一个各占多少能量?为了得到它,分析器节点会对输入的采样做快速傅里叶变换。FFT 大小设为 2048 时,变换得到 1024 个分箱,每个覆盖频谱的一小段。底鼓点亮左边低频分箱,踩镲或齿音”嘶”点亮右边高频分箱,说话声则填满中间。分析器采用 0.8 的平滑常数,把每一帧与上一帧混合,所以画面是流畅移动的,而不是抖动跳跃的。
读懂三种模式
- 波形: 一条发光的线横贯画布。用它判断音量大小,并发现削顶——波峰在上下边缘被压平的地方。
- 频率条: 从底部升起的竖直柱,每个频率分箱一根,颜色向峰值处渐变。用它对不同音区进行比较,也能看出混音是否平衡。
- 圆形: 圆点排列成环,每个圆点按其分箱能量向外推出。它像雷达扫描一样可读,让立体声般的移动和低频冲击都很容易看见。
不同声音看起来是什么样
- 一次拍手 在波形上是近乎垂直的尖峰,同时让许多柱子一起短暂亮起,因为陡峭的瞬态几乎在每个频率上都有能量。
- 一声口哨 会产生一根明亮的柱子,随着音高变化左右滑动,频谱其余部分很安静。
- 一记底鼓 让最左边的柱子猛涨、波形深陷,却几乎不触及高频分箱。
- 持续的”呜” 把柱子集中在中低频,而尖细的”咿”会明显把它们推高;在同一口气里来回切换,就是元音共振峰的一次小型演示。
- 房间里的风扇 早在你注意到噪音之前,就已经在频率条上表现为一段低沉而稳定的嗡嗡声。
选择配色方案
八种预设主要是为了让画面在不同背景下都保持可见。绿色和青色在默认的深色画布上读起来很清楚;黄色和粉色更亮,适合录制或直播;海洋蓝和淡紫则更沉稳。由于每种模式对颜色的用法不同——波形用描边、柱子用垂直渐变、圆环用实心点——同一款预设在模式之间看起来可能差别很大。换色不会中断分析,所以声音播放时也尽管试。
麦克风问题排查
- 完全没有动静: 先确认标签页拿到了麦克风权限,再检查系统的输入设备。耳麦上的硬件静音开关是常见原因。
- 只有大喊才有反应: 靠近麦克风,或在操作系统里调高输入增益。可视化只显示麦克风传进来的东西,不会替你放大。
- 波形被削平贴在上下边缘: 输入太大声,已经削顶。后退一点或调低增益;被削顶的信号在到达分析器之前就已经失真了。
- 高频段几乎不动: 对低频乐器和男声来说这很正常,它们的能量大多集中在较低的分箱里。
- 权限被拒绝: 页面会显示一条红色提示。你必须在浏览器的网站设置里允许麦克风并刷新页面,它才能访问设备。
这个工具不做什么
它不录制、不保存、不下载、不传输音频,也没有文件导入选项,因此无法分析已有的录音。它是一个实时麦克风查看器,不是编辑器,也不是带数字读数的频谱分析仪。它画出的数值用于视觉效果,并不是经过校准的分贝或赫兹读数,需要精确数据请改用专门的测量软件。它也不会分离声源:所有到达麦克风的声音都会被叠加成一个信号。
相关工具
常见问题
可视化工具只能听麦克风,还是可以加载音频文件?
它只通过麦克风采集声音,没有文件选择器,也不支持上传音频。页面调用 getUserMedia 获取麦克风权限,再把这条实时音频流送进 Web Audio API 分析。如果你想可视化一首歌,只能让音箱外放、再用麦克风对着收,而不能直接导入文件。
波形模式和频率条模式有什么区别?
波形展示时域:把信号振幅从左到右画出来,像一台示波器。频率条展示频域:当前这一刻每个频段上有多少能量,左边是低频、右边是高频。前者告诉你声音的响度和轮廓,后者告诉你它由哪些音高组成。
可视化用的是什么分析器设置?
分析器创建时使用 2048 的 FFT 大小,因此得到 1024 个频率分箱,平滑常数设为 0.8。平滑会把每一帧与上一帧做平均,让柱子滑动而不是闪烁。画布本身宽 800、高 400 像素,会随页面宽度缩放。
为什么我按下开始后画面还是一条平线?
可能是麦克风被静音、选错了输入设备,或者房间本身很安静。看看浏览器的麦克风指示灯,再到系统设置里检查输入设备——笔记本即使插了耳麦,也常常继续用内置麦克风。直接对着麦克风说话应当立刻有反应。
一共有几种配色方案?
八种预设:绿色、珊瑚红、青色、黄色、淡紫、粉色、海洋蓝和品红。颜色会作用到波形描边、柱子渐变或圆点填充上,可视化运行过程中也能随时更换,不必停止麦克风。
按下停止真的会关掉麦克风吗?
会。停止动作会断开音频源、取消动画帧并关闭 AudioContext,从而释放浏览器对麦克风的占用。音频流结束后,浏览器的录音指示灯会消失。直接关闭标签页也会结束采集,但用停止按钮确认更干净。
由 HandyTools Hub 团队审校 · 最后更新