在前端开发中，我们时常需要使用到浏览器提供的一些多媒体设备，如麦克风、摄像头等，来实现音视频录制或者音视频通讯等功能。在这方面，npm 包 windows.media.devices 可以帮助我们快速获取设备信息和调用设备功能。
安装
在通过 npm 安装 windows.media.devices 包前，我们需要确保本地已经安装了 Node.js 和 npm，然后执行以下命令即可安装：
npm install windows.media.devices
安装完成后，我们就可以在代码中引入该包，并开始使用它的功能。
获取设备信息
在使用多媒体设备之前，我们需要先获取设备信息，这可以通过以下代码实现：
-- -------------------- ---- ------- ------ ------------ ---- ------------------------ ----- ------- - --- --------------- --------------------------------------------- -- - ------------------------- ---------------- -- - --------------------- ---
首先，我们通过 import 语句引入了 windows.media.devices 包，并且创建了一个 MediaDevices 实例。然后，我们调用 enumerateDevices 方法获取设备信息，它返回一个 Promise 对象。当 Promise 成功时，它的回调函数会被调用，并且参数 deviceInfos 包含了设备信息。
deviceInfos 是一个数组，它包含了所有检测到的设备的信息，如设备的 ID、设备类型、厂商等等。通过这些信息，我们可以判断出当前设备是否支持我们需要使用的功能。
使用多媒体设备
获取设备信息后，我们就可以开始使用多媒体设备了。以使用麦克风为例，以下代码演示了如何获取麦克风设备，并捕获用户的语音：
-- -------------------- ---- -------
------ ------------ ---- ------------------------
----- ------- - --- ---------------
---------------------- ------ ---- --------------------- -- -
----- ------------ - --- ---------------
----- ----------------- - --------------------------------------------------
----- --------------- - ---------------------------------------- -- ---
-------------------------------------------
--------------------------------------------------
------------------------------ - ---------------------- -- -
-- ------
--
---------------- -- -
---------------------
---代码中，我们调用了 devices.getUserMedia 方法打开麦克风，并返回一个 Promise 对象。当 Promise 成功时，它的回调函数中包含了 MediaStream 对象。通过 MediaStream 对象，我们可以获取到麦克风采集到的音频数据，并对其进行分析、处理。
其中，我们使用了 AudioContext 对象来对音频数据进行处理。我们首先创建了一个 AudioContext 对象，并通过 createMediaStreamSource 方法将 MediaStream 对象封装成了一个音频来源。然后，我们通过 createScriptProcessor 方法创建了一个处理器，它可以从音频来源中获取到音频数据，并对其进行处理。
最后，我们将处理器连接到音频来源和目的地上，并通过 onaudioprocess 回调函数处理音频数据。
以上就是使用 npm 包 windows.media.devices 的简单教程，它可以帮助我们快速获取设备信息和调用设备功能，为我们带来了很大的便利。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6006710d8dd3466f61ffe185