getusermedia-async 是一个基于 Promise 的用户媒体获取库，可以用于在 Web 应用程序中获得用户摄像头和麦克风的访问权限。本篇文章将详细介绍 getusermedia-async 的使用方法。
安装
在项目中执行以下命令安装 getusermedia-async：
npm install --save getusermedia-async
使用方法
首先，需要导入 getusermedia-async 包：
import getUserMedia from 'getusermedia-async';
然后，调用 getUserMedia() 方法即可获取用户媒体访问权限。
getUserMedia({ video: true, audio: true })
.then(stream => {
// 处理获取到的流对象
})
.catch(error => {
console.error(error);
});在调用 getUserMedia() 方法时，可以传递一个配置对象用于指定需要访问的媒体类型。例如，上述代码配置了 video 和 audio 两个类型，即获取视频和音频访问权限。
指南
getusermedia-async 可以帮助开发者快速获取用户媒体访问权限，并且使用 Promise 风格的 API 更加方便。在实际应用中，我们可以使用 getUserMedia() 方法来进行视频通话、语音聊天、屏幕录制等。
以下是一个基于 getusermedia-async 的视频通话示例：
-- -------------------- ---- ------- ------ ------------ ---- --------------------- ----- ---------- - ---------------------------------- ----- ---------- - ---------------------------------- ------------- -------------- ------ ----- ------ ----- --- -------------- ------ ----- ------ ----- -- ------------------ --------- -- - -------------------- - -------- -------------------- - -------- -- ---- -------------- -- - --------------------- ---
在这个示例中，我们首先调用 getUserMedia() 方法获取了两个视频流，然后将这两个流分别设置给两个视频元素。
深度学习
getusermedia-async 的原理是调用了 navigator.mediaDevices.getUserMedia() 方法，该方法可以返回一个媒体流对象。但是，在原生的 navigator.mediaDevices.getUserMedia() 方法中，如果用户未授权使用媒体设备，该方法将会被拒绝并抛出错误。而 getusermedia-async 将使用 Promise 包装该方法，如果用户未授权使用媒体设备，它将返回一个带有 Error 对象的 rejected Promise。
由于 getusermedia-async 使用了 Promise，我们可以使用 Promise.all() 来同时获取多个媒体流。这在实际应用中非常实用，例如实现视频通话时需要同时获取本地和远程的视频流。
总结
getusermedia-async 是一个基于 Promise 的用户媒体获取库，可以用于在 Web 应用程序中获得用户摄像头和麦克风的访问权限。在使用 getusermedia-async 时，首先需要导入该包，然后调用 getUserMedia() 方法即可获取用户媒体访问权限。在实际应用中，我们可以使用 getUserMedia() 方法进行视频通话、语音聊天、屏幕录制等，而由于 getusermedia-async 使用了 Promise，我们可以使用 Promise.all() 来同时获取多个媒体流。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005663081e8991b448e215b