首先说下为什么写这篇文章，这篇文章适合对音乐有追求的人阅读，没追求的可以跳过了，毕竟对音乐不敏感的人听什么样的耳机或者音箱都差不多，感受不到激动人心的澎湃感，调音就显得不重要了。反之对音乐有细腻感知的人均衡器调参是少不了的。很多软件都有现成别人调好的音效选择，选择归选择，终究还是有限的，唯一无限的是了解其原理，调一个自己喜欢的音效。比如抖音的音效就非常出色，但没有人知道他的音效各个频段的参数如何调节的，但当你了解原理后就有可能调出一个跟它一模一样的音效出来。

首先音乐是分频段的，频段的单位是赫兹Hz，大体来说分高中低三个频段，好的声音应该是高音清晰，中音通透，低音强劲有力而不混。而每个频段又分若干频段，可以粗调也可以细调。具体各个频段的效果如下：

1、超低音：20Hz-40Hz，适当时声音强而有力。能控制雷声、低音鼓、管风琴和贝司的声音。过度提升会使音乐变得混浊不清。

2、低音：40Hz-150Hz，是声音的基础部份，其能量占整个音频能量的70%，是表现音乐风格的重要成份。适当时，低音张弛得宜，声音丰满柔和，不足时声音单薄。

3、150Hz，过度提升时会使声音发闷，明亮度下降，鼻音增强。

4、中低音：150Hz-500Hz，是声音的结构部分，人声位于这个位置，不足时，演唱声会被音乐淹没，声音软而无力，适当提升时会感到浑厚有力，提高声音的力度和响度。提升过度时会使低音变得生硬，300Hz处过度提升3-6dB，如再加上混响，则会严重影响声音的清晰度。

5、中音：500Hz-2KHz，包含大多数乐器的低次谐波和泛音，是小军鼓和打击乐器的特征音。适当时声音透彻明亮，不足时声音朦胧。过度提升时会产生类似电话的声音。

6、中高音：2KHz-5KHz，是弦乐的特征音（拉弦乐的弓与弦的摩搡声，弹拔乐的手指触弦的声音某）。不足时声音的穿透力下降，过强时会掩蔽语言音节的识别。

7、高音：7KHz-8KHz，是影响声音层次感的频率。过度提升会使短笛、长笛声音突出，语言的齿音加重和音色发毛。

8、极高音：8KHz-10KHz，合适时，三角铁和立*的金属感通透率高，沙钟的节奏清晰可辨。过度提升会使声音不自然，易烧毁高频单元。

html5 audio开放了声音频道的操作api (createBiquadFilter)，也即任何频段都可以通过代码调节参数，在代码里面表现的是增强和衰减，简称滤波器，要使某个频段的声音加强或者衰减，只需要调节代码里面的参数即可，如下为部分代码：

let audioContext = window.AudioContext = window.AudioContext || window.webkitAudioContext || window.mozAudioContext || window.msAudioContext || window.oAudioContext;
audioContext = new audioContext();
const playerAnalyser = audioContext.createAnalyser();
const biquadFilter = audioContext.createBiquadFilter();

const playerSource = audioContext.createMediaElementSource(music);
playerSource.connect(playerAnalyser);

playerSource.connect(biquadFilter);
biquadFilter.connect(audioContext.destination);

biquadFilter.type = 'lowshelf';
biquadFilter.frequency.value = 300;
biquadFilter.Q.value = 10; //峰值谐振值（分贝）
biquadFilter.gain.value = 5; //给小于等于frequency.value频率的声音增益5分贝【-40~40】

biquadFilter.type是风格基调，frequency.value是要给哪个频率段以下的声音进行调节，gain.value
是增益值，单位是分贝，建议微调，否则声音容易变得奇怪，一般【-10~10】，最大范围是【-40~40】，正数即为增益，负数即为衰减。

对照上面的赫兹声明列表，可得出代码的意思是中低音加强5分贝。表现上是声音明亮通透，低音更有力。

具体html5 audio api文档可参考：https://developer.mozilla.org/zh-CN/docs/Web/API/BaseAudioContext/createBiquadFilter