audioMotion.js频谱分析仪设置与预设完整指南:Sensitivity、Peaks、加权滤波器,调出最适合你的频谱响应
【免费下载链接】audioMotion.jsMedia player and real-time audio spectrum analyzer written in JavaScript.项目地址: https://gitcode.com/gh_mirrors/au/audioMotion.js
audioMotion.js是一款用 JavaScript 编写的媒体播放器与实时音频频谱分析仪。本文带你详解设置面板中的三大核心选项——Sensitivity(灵敏度)、Peaks(峰值显示)与加权滤波器(Weighting Filter),以及强大的**预设(Presets)**系统,帮你快速调出最适合自己耳朵和屏幕的频谱响应。🎛️
一、打开 Settings 面板:Sensitivity、Peaks 与 Presets 在哪里
在底部主控制条的面板选择按钮中点击Settings,即可打开设置面板;本文涉及的所有选项都集中在这里。面板共 4 个标签页:
| 标签 | 内容 |
|---|---|
| Media | 文件浏览器与播放队列 |
| Settings | 灵敏度、峰值、预设等可视化设置(本文主角) |
| Advanced | FFT、频标、加权滤波器等高级选项 |
| Console | 运行信息与日志 |
💡 常用快捷键:N/Shift + N切换灵敏度,G/Shift + G切换渐变色。
二、Sensitivity 灵敏度设置:让安静或响亮的曲目都"好看"
Sensitivity用来调整分析仪的灵敏度,解决"歌曲太安静或太响时频谱没动感"的问题。它提供Low / Medium / High三档:
- 歌曲偏安静→ 切到High,频谱立即"活"起来;
- 歌曲偏响亮→ 切到Low或Medium,避免满屏顶格;
- 调好后无需记忆,灵敏度预设可以自定义(见下文)。
在Configuration面板中可以精确定制这三档的具体数值:
- Min dB / Max dB:分析仪能记录到的最低/最高音量电平(分贝值,注意0 dB 代表最大音量);
- Linear boost:在使用线性电平标尺时,通过 n 次方根运算放大低能量值,让小音量细节更明显。
🎯 调参建议:以Medium为基准,换两三种响度差异大的歌曲试听对比,找到最顺眼的一档后立即保存预设。
三、Peaks 峰值显示:Off、Drop、Fade 三种模式
Peaks控制频谱"峰值线"的显示方式,共三种:
| Peaks | 效果 |
|---|---|
| Off | 不显示峰值,画面最干净 |
| Drop | 峰值短暂停留在顶端后缓缓"下落" |
| Fade | 峰值经过短暂停留后逐渐淡出 |
选择 Drop 或 Fade 后,可在Configuration > Peaks behavior中微调三个参数:
- Gravity:峰值下落的加速度(仅 Drop 模式);
- Peak hold time:峰值保持原值多久(毫秒)后开始下落/淡出;
- Peak fade time:峰值完全淡出所需时间(毫秒,仅 Fade 模式)。
🥁 喜欢节奏"包络感"选Drop最经典;追求极简显示或觉得峰值碍眼,直接Off。
四、Weighting Filter 加权滤波器:更贴近"人耳"的频谱
加权滤波器位于Advanced(高级)面板。它会对用于频谱可视化的频率数据施加加权滤波,每种滤波器对特定频段施加不同的增益/衰减曲线,从而突出人耳更敏感(或不敏感)的声音。audioMotion 内置A、B、C、D 与 ITU-R 468五种加权曲线可选。📐
使用要点:
- C 曲线是声学测量中最常用的加权曲线,想要"听起来什么样、就显示什么样",它是首选;
- 加权滤波器只影响可视化数据,绝不改变实际音频输出,可以放心反复切换对比;
- 开启滤波器会增加实时数据处理量,可能轻微影响性能,老设备建议按需开关。
💡 直观对比技巧:把Analyzer Mode切到Graph(图形模式),启用滤波器前后,电平曲线在低频/高频段的变化一目了然。
五、Presets 预设管理:6 个内置 + 9 个自定义槽位
audioMotion 内置6 个预设,并提供9 个用户预设槽位。其中Demo预设为随机设置,并把 Randomize 设为 15 秒,是快速预览全部功能的最佳体验方式。✨
预设区 4 个按钮各司其职:
| 按钮 | 作用 |
|---|---|
| Load | 加载下拉框选中的预设 |
| Session start | 恢复到上次启动(或刷新)时的设置 |
| Defaults | 一键重置为初始出厂设置 |
| Save / Manage | 打开预设管理列表:重命名、删除、下载备份 |
⌨️ 键盘快捷键是最高效的工作流:
| 快捷键 | 动作 |
|---|---|
| 1 - 9 | 加载对应编号的用户预设 |
| Shift + 1 - 9 | 把当前设置保存到对应编号槽位 |
| 0 | 随机生成一组设置(随机范围由 Configuration > Randomize 决定) |
三点重要提醒:
- 预设会同时保存 Settings 与 Advanced 两个面板的全部设置,一个预设即可完整还原频谱状态;
- 用户预设存放在浏览器内部存储中,清数据或卸载浏览器可能丢失——调好参数后请通过Save / Manage下载备份,并可通过 Advanced 面板的Import / Export Settings随时导入恢复;
- 最后使用的设置会在下次打开 audioMotion 时自动恢复,无需手动处理。
六、3 分钟调参清单:调出你的专属频谱
- 先定Analyzer Mode与Band Count(Bars + 30 bands 是经典起点);
- 按歌曲响度选Sensitivity:安静曲目 High,响亮曲目 Low/Medium;
- 峰值碍眼选Off,想要节奏感选Drop并适当调低 Gravity;
- 想要"人耳风格"频谱,在 Advanced 中启用C 加权滤波器;
- 满意后按Shift + 1存为用户预设,以后一键还原。⚡
相关文档与文件路径
- 设置面板全部选项说明:
docs/settings.md - 高级面板(加权滤波器、FFT Size、电平标尺等):
docs/advanced.md - Configuration 面板(灵敏度预设、峰值行为、随机化范围):
docs/configuration.md - 预设的导入 / 导出:
docs/advanced.md(Import / Export Settings 一节) - 主程序源码入口:
src/index.js,打包产物:public/audioMotion.js
【免费下载链接】audioMotion.jsMedia player and real-time audio spectrum analyzer written in JavaScript.项目地址: https://gitcode.com/gh_mirrors/au/audioMotion.js
创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考