在现代网页开发中，音频播放功能越来越普遍。而如何实现一个完善的音频播放器，依靠 JavaScript 中的 Web Audio API 进行音频数据的处理和可视化已经成为必要的技能。而 volume-meter-skip 包就是一个方便实现基础音频处理的 npm 包之一。
什么是 volume-meter-skip
volume-meter-skip 是一个基于 Web Audio API 的音频音量计算应用。它能够实时测量音频流的音量并输出计算结果，而一个使用场景就是为了根据音量大小实现跳过段落的功能。
安装 volume-meter-skip
使用 npm 进行安装十分简单，只需要在命令行中输入以下代码：
npm install volume-meter-skip
常规使用方法
要使用 volume-meter-skip，首先需要为需要进行音量计算的音频流创建一个 MediaStreamAudioSourceNode。这个对象可以通过 JavaScript 代码或 getUserMedia 方法获得，后者可以从麦克风或其他捕捉音频的工具中获取音频流。通常情况下，我们使用 getUserMedia 获取音频流。
-- -------------------- ---- -------
-------------------------------------
-------
----------------------
----------------------
---------------------
-
-------------------------
--- ------- - --- ---------------
--- ------ - ----------------------------------------
-- -- ----------------- --
--- ------ - ------------------------------------- -
--------------
-----------------
-----------
--------
---
-- ------ -----------------
----------------------------
---我们通过 createMediaStreamSource 方法，将获取到的音频流作为参数创建了一个 MediaStreamAudioSourceNode 对象。之后便可以使用 volume-meter-skip 包创建实例 volume。
我们在创建实例的时候，需要传递两个参数：AudioContext 和 配置对象。其中，配置中的 meterRate 表示单位时间内进行算平均分贝数（db），越长分析的精度越高；calcInterval 表示每隔多长时间更新一次分贝数；minDB 表示需要计算的最小分贝，而 maxDB 表示最大分贝。在通常场景下，我们可以使用上述默认设置。
之后，我们将已经用 createMediaStreamSource 方法获得的音频流接到 volume-meter-skip 实例中即可。
在此之后，我们便可以通过 volume.getVolume(skipRatio, callback) 方法获取当前音量大小，其中 skipRatio 是跳过段落的阈值，一般设置为 0.6 左右；而 callback(volumeSkip) 中的 volumeSkip 表示该段需要跳过否。示例代码如下：
// 获得 音量并判断是否跳过段落
volume.getVolume(0.6, function(volumeSkip){
if(volumeSkip){
// 跳过段落
} else{
// 不跳过段落
}
});总结
volume-meter-skip 是一个十分方便使用的 npm 包，尤其是在实现基础音频处理方面，可以为开发者提供便利。此外，它还能够作为日常音频处理的工具，方便音频编辑爱好者使用。上述教程简单介绍了一般使用方法，相信读者可以在示例代码的基础上，尝试自己的项目。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066b5451ab1864dac6697b