当前位置:首页 »“秋了秋”个人博客 » 前端编程 » html5均衡器音效调节基础

html5均衡器音效调节基础

作者:秋了秋 发表时间:2022年09月04日

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

Screenshot_20220904_144035_com.ss.android.ugc.awe.png

首先音乐是分频段的,频段的单位是赫兹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

5
文章作者: “秋了秋”个人博客,本站鼓励原创。
转载请注明本文地址:http://netblog.cn/blog/249.html
目录: 前端编程标签: html5播放器,web均衡器 1789次阅读

请求播放音乐,请点击播放

登 录
点击获取验证码
还没账号?点击这里