无需登录 数据私有 本地保存

音频波形可视化器 - 本地音频实时频谱图

199
0
0
0

常见问题解答

什么是音频频谱可视化?FFT 在其中起什么作用?
音频频谱可视化通过快速傅里叶变换(FFT)将时域音频信号转换为频域数据。FFT 将音频拆解为不同频率的成分(低频到高频),每个频率 bin 的幅度代表该频率的能量强度。AnalyserNode 的 fftSize 决定了频率分辨率——值越大,频率划分越精细(如 1024 可提供 512 个频率 bin),但计算量也相应增加。在本工具中,你可以通过切换 FFT 大小来直观感受不同分辨率对频谱图细腻度的影响。
频谱图和波形图有什么区别?
波形图展示的是时域信号——即音频振幅随时间的变化曲线,直观反映声音的响度起伏。频谱图(柱状图)展示的是频域信息——横轴为频率(低音到高音),纵轴为各频率的能量强度。频谱图能让你看到低音鼓点、人声、高音乐器在不同频段的分布,比波形图包含更丰富的音乐结构信息。在本工具中,你可以通过顶部按钮一键切换两种模式进行对比观察。
环形频谱和柱状频谱有什么不同体验?
环形频谱将频率映射到 360 度圆周上(通常低频从顶部开始),径向长度代表能量强度。这种布局更具空间感和艺术性,适合沉浸式观赏。柱状频谱则更直观、更易读取具体频率信息。环形模式在移动端小屏幕上尤其出彩,充分利用了圆形构图的视觉张力。建议在手机上优先尝试环形模式,竖屏的圆形构图效果通常最为出色。
支持哪些音频格式?为什么有些格式可能无法播放?
本工具支持 MP3、WAV、OGG、FLAC、AAC、M4A 等主流格式,具体取决于浏览器解码能力。Chrome 和 Edge 支持最广泛;Safari 对 OGG 和 FLAC 支持有限;Firefox 对 AAC 支持依赖系统编解码器。如果遇到无法播放的文件,建议转换为 MP3 或 WAV 格式后重试。无损格式(FLAC、WAV)音质最佳,频谱细节更丰富,推荐用于高精度可视化分析。
FFT 大小如何影响可视化效果?
FFT 大小直接影响频率分辨率和时间响应:512 提供 256 个频率 bin,响应最快,适合节奏感强的音乐,柱状图较粗犷;1024 提供 512 个 bin,是平衡之选,适合大多数场景;2048 提供 1024 个 bin,细节丰富,低频部分更精细;4096 提供 2048 个 bin,极高频率分辨率,适合分析复杂音频,但更新稍慢。较大的 FFT 能更好地分离相邻频率,让频谱柱状图更加细腻平滑。
这个工具在移动端使用体验如何?
本工具已针对移动端进行全面优化:Canvas 高度自适应屏幕,触摸友好的按钮尺寸,进度条和音量滑块均可流畅拖动。所有 4 种可视化模式在手机上均能以 60fps 流畅运行。建议在移动端使用环形频谱模式,圆形构图在竖屏上视觉效果最佳。拖拽上传在 iOS Safari 和 Android Chrome 上均得到良好支持。如果遇到卡顿,可降低 FFT 分辨率以提升性能。
音频文件是否会被上传到服务器?
不会。所有音频处理均在浏览器本地完成。当你导入音频文件时,文件数据直接被浏览器的 File API 读取并传递给 Web Audio API 进行解码,整个过程中文件不会通过网络发送到任何服务器。可视化渲染、频谱分析等所有计算也都在本地执行。关闭页面后所有数据自动清除,无需担心隐私泄露。
为什么切换模式时画面会短暂闪烁?
这是正常现象。当从一种可视化模式切换到另一种时,Canvas 需要清空当前帧的绘制内容并重新设置渲染参数。由于两种模式的绘制逻辑完全不同(如频谱用 fillRect 绘制柱状,粒子模式用弧形绘制粒子),切换瞬间会出现一帧的过渡状态。这通常只持续约 16ms(一帧的时间),在实际使用中几乎不可察觉。如果频繁切换,建议在暂停播放时进行切换以获得更平滑的过渡体验。
能否同时看到波形和频谱?
当前版本的音频波形可视化器每次只能显示一种可视化模式,你可以通过顶部按钮在频谱、波形、环形和粒子模式之间实时切换。如果需要同时对比波形和频谱,建议使用浏览器的分屏功能打开两个标签页,分别加载同一音频文件并选择不同的可视化模式。这种方案虽然需要手动同步播放进度,但能实现真正的同步对比观察。