📊

音频频谱分析器

使用FFT分析实时可视化音频频谱和波形。

实用指南
上传音频

点击或拖拽音频文件上传

支持 MP3、WAV、OGG、M4A 格式

可视化设置
显示模式
平滑度: 80%
FFT 大小: 2048
频率频谱
峰值频率: —
波形显示

❓什么是音频频谱分析

音频频谱分析利用 FFT 估计录音播放时各频段的强度。本工具还显示波形;峰值读数是频率区间的估计值,不是校准过的音高或响度测量。

✨功能特点

📊

实时频谱

播放本地音频时显示 FFT 频率区间。
〰️

波形显示

播放时显示当前时域波形。
🎛️

可调参数

切换视图并调整 FFT 大小或平滑度。
🎵

格式支持

可播放浏览器支持的常见音频格式。

🎯应用场景

音乐制作与混音质检

播放本地混音时比较低、中、高频的可见分布,为检查 EQ 选择提供可视化参考。

比较本地录音

逐个播放录音,比较可见的频率分布与波形变化。本工具不能实时测量房间响应或校准扩声系统。

语音、广播与播客检测

播放语音录音,观察频谱和波形变化;语音清晰度、噪声和响度判断仍需结合聆听与专用仪表。

教学演示与声学研究

课堂或科普活动中展示 FFT、谐波与包络等概念,帮助学生理解音调、共振与滤波器的可视化效果。

📚实用指南

FFT和频率分析

快速傅里叶变换(FFT)将时域音频信号转换为频域表示,揭示频率成分。AnalyserNode.getByteFrequencyData() 提供频率区间,每个区间代表频率范围。FFT 大小决定分辨率:较大值(2048、4096)提供更精细的频率细节但更新较慢;较小值(256、512)实现实时可视化。频率范围:采样率/2(奈奎斯特频率,44.1kHz音频通常为22.05kHz)。应用:音乐可视化、音频质量分析、语音识别预处理和声音合成。

波形可视化

波形绘制 AnalyserNode 的当前时域样本,可观察振幅和形状变化,但不能测量校准响度或证明发生削波。

Web Audio API

浏览器 Web Audio API 实现音频处理:AudioContext 创建音频图、MediaElementSource 连接音频元素、AnalyserNode 提取频率/时间数据、destination 输出到扬声器。API 支持:实时处理、音频效果(滤波器、混响)、音频合成(振荡器)和录制(MediaRecorder)。使用场景:带可视化的音乐播放器、DJ应用、音频编辑工具、语音分析和声音属性的教育演示。

💬Frequently Asked Questions

❓什么是 FFT,它在音频分析中如何工作?
FFT(快速傅里叶变换)是一种数学算法,将时域音频信号(波形)转换为频域表示(频谱)。它将复杂的音频分解为单个频率成分,让您可以看到存在哪些频率及其振幅。FFT 大小参数决定频率分辨率:较大值(2048、4096)提供更精细的细节但更新较慢,而较小值(256、512)实现实时可视化。
💬频谱显示和波形显示有什么区别?
波形在 Y 轴上显示随时间变化的振幅(响度),展示音频信号的形状。频谱在 X 轴上显示频率内容,在 Y 轴上显示振幅,揭示任何时刻存在哪些频率。波形适用于查看动态和节奏,而频谱对于分析音频中的音高、谐波、噪声和频率平衡至关重要。
🔍支持哪些音频格式,有文件大小限制吗?
MP3、WAV、OGG、M4A 能否播放取决于浏览器解码支持。页面没有固定大小上限;超大文件可能因浏览器或设备限制加载缓慢或失败。
💡如何将此工具用于音频分析或音乐制作?
可用频谱比较主要频段,用波形观察录音播放时的振幅变化。这只是可视化辅助,不是校准过的响度、削波或声学测量。

💡使用指南

1️⃣

选择音频文件

选择浏览器可播放的文件,文件保留在本地设备。
2️⃣

播放并调整

播放或拖动进度,选择频谱、波形或两者,并调整 FFT 大小和平滑度。
3️⃣

查看并保存

峰值读数显示非静音时最强的频率区间;频谱可见时可将当前画面保存为 PNG。

🔗Related Documents

🎵MDN — Web Audio API浏览器音频处理接口概览。
📊MDN — AnalyserNode频域与时域分析接口参考。
〰️MDN — Audio visualizations绘制频谱与波形的实用指南。
📖W3C — Web Audio APIWeb Audio 处理的技术规范。

📝更新日志

📌v1.3.261116
v1.3.261116

修复静音峰值、旧图残留与波形显示,并完善指南、常见问题、参考资料和 SEO 文案。

v1.2.261114

增加峰值频率、频率刻度与 PNG 导出。

v1.1.261114

修复播放时的频谱绘制并清理音频资源。

User Comments

0 / 2000
Loading...