在前端开发中，经常需要调整音量大小，而 loudness-promise 是一个十分方便的 npm 包，可以用 JavaScript 来获取当前系统的音量，也可以控制系统的音量大小。本文将详细介绍 loudness-promise 的使用方法，包括示例代码和实战应用。
安装
在使用 loudness-promise 之前，需要先安装它。在终端输入以下命令即可：
--- ------- ----------------
安装完毕后，就可以在项目中引入 loudness-promise 了。
----- -------- - ----------------------------
获取音量大小
获取系统的音量大小非常简单，只需要调用 loudness.getPrettyVolume() 方法即可。该方法返回一个 Promise，可以通过 then() 方法获取成功回调的结果，也可以使用 async/await 来获取音量大小。
-------------------------------------- -- - -------------------- ------------ -- - --------------------- -- --- --------- ----- ---
返回的 volume 是一个包含两个属性的对象，分别是 left 和 right，表示左右喇叭的音量大小。例如：
- ----- ------ ------ ----- -
上述代码表示左右喇叭的音量大小都是 64%。
也可以使用 async/await 来获取音量大小：
----- -------- ----------- -
--- -
----- ------ - ----- ---------------------------
--------------------
- ----- ----- -
--------------------- -- --- --------- -----
-
-
------------设置音量大小
设置系统的音量大小也很简单，只需要调用 loudness.setVolume() 方法即可。该方法接受两个参数，一个是左喇叭的音量大小，一个是右喇叭的音量大小。音量大小的范围是 0 到 100，例如 50 表示 50% 的音量大小。
---------------------- ----------- -- - ------------------- --- --------------- ------------ -- - --------------------- -- --- --------- ----- ---
可以看到，这里将左喇叭的音量大小设置成 50，右喇叭的音量大小设置成 60。
示例代码
以下是使用 loudness-promise 的示例代码，可以获取系统的音量大小，通过滑块来设置系统的音量大小。
HTML 代码：
------ ------------------ ------------ ------- --------- -----------
JavaScript 代码：
----- ------------ - -----------------------------------------
-------------------------------------- -- -
------------------ - ----------------------
-------------------------------------- - -- -
----- ------ - -------------------------
-------------------------- --------------- -- -
------------------- --- ---------------
------------ -- -
--------------------- -- --- --------- -----
---
---
------------ -- -
--------------------- -- --- --------- -----
---这段代码首先获取系统的音量大小，然后将左喇叭的音量大小设置成滑块的值，当滑块的值改变时，调用 setVolume() 方法来设置系统的音量大小。
总结
本文介绍了 loudness-promise 的使用方法，可以通过这个 npm 包来获取系统的音量大小，也可以控制系统的音量大小。大家可以根据自己的需求在项目中使用 loudness-promise，提升用户体验。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/600575c381e8991b448ea728