前言
在前端开发中我们经常需要使用音频相关的功能，其中衡量和控制音量是比较常见的需求。而 decibel-meter 就是一个非常实用的 npm 包，可以帮助我们实现衡量和控制音量的功能。本篇文章将为大家介绍如何使用 decibel-meter 包，希望可以帮助到大家。
decibel-meter 简介
decibel-meter 是一款基于 Web Audio API 的 npm 包，可以用来获取麦克风输入的音量值。它提供了实时的音量检测和回调，以便开发者可以对获取到的音量值进行相应的处理。同时，decibel-meter 还支持设置阈值，可以达到对声音的自动控制和过滤的效果。
decibel-meter 安装
在使用 decibel-meter 之前，我们需要先进行安装。可以通过以下命令来安装该包：
npm install decibel-meter --save
decibel-meter 使用
安装完成后，我们可以开始使用 decibel-meter 来获取音量值。
实例化 DecibelMeter
我们首先需要实例化 DecibelMeter 类，该类有一个参数，即指定从哪个麦克风获取音量：
let meter = new DecibelMeter('audioSource');这里我们指定获取音量的来源为 'audioSource'，在实际应用中我们可以根据实际情况，选择不同的来源。
启动音量检测
启动音量检测方法分为以下两种：
start（callback：Function）
这个方法会启用音量检测功能，并会在回调函数中，传入每个样本的音量值。具体使用方法如下：
meter.start((dB, percent, value) => {
// 处理从麦克风获取到的音量值
});回调函数中，有三个参数分别为 dB 音量值，percent 为音量值与最大值百分比的占比， value 为当时的音量值。可以根据这三个参数来进行相应的处理。
connect（audioContext: AudioContext, callback: Function）
这个方法的使用与 start 方法一样，只是多了一个参数 AudioContext，该参数用于将实例化的 DecibelMeter 与 AudioContext 进行连接，代码如下：
let audioContext = new AudioContext();
meter.connect(audioContext, (dB, percent, value) => {
// 处理从麦克风获取到的音量值
});停止音量检测
停止音量检测的方法为：
stop()
使用该方法即可停止音量检测：
meter.stop();
设置阈值
对于需要实现音量过滤和自动控制的场景，我们可以使用以下方法来设置阈值：
setThreshold(threshold)
该方法用于设置阈值，只有当音量值超过该阈值时，才会进行相应的处理：
meter.setThreshold(threshold);
示例代码
下面是一个简单的示例代码，用于获取麦克风输入音量并输出到控制台上：
-- -------------------- ---- -------
------ ------------ ---- ----------------
--- ----- - --- ---------------
--- ------------ - --- ---------------
--------------------------- ---- -------- ------ -- -
------------------ --- ------------ -----------
---
--------------总结
decibel-meter 是一款非常好用的 npm 包，在实际开发中可以帮我们快速实现音量检测和自动控制的功能。希望此篇文章可以对大家有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600556e081e8991b448d3bd5