【WebRTC API】媒体设备使用入门

WebRTC 使用入门

如果您不熟悉基于 API 的 API，那么基于 WebRTC 技术构建的新应用可能会让您应接不暇。在本部分中，我们将通过介绍一些常见的使用场景和代码段来介绍如何开始使用 WebRTC 标准中的各种 API。

WebRTC API

WebRTC 标准概括介绍了两种不同的技术：媒体捕获设备和点对点连接。

媒体捕获设备包括摄像机和麦克风，还包括屏幕捕获设备。对于摄像头和麦克风，我们使用 navigator.mediaDevices.getUserMedia() 来捕获 MediaStreams。对于屏幕录制，我们改为使用 navigator.mediaDevices.getDisplayMedia()。

点对点连接由 RTCPeerConnection 接口处理。这是在 WebRTC 中两个对等方之间建立和控制连接的中心点。

媒体设备使用入门

在针对 Web 进行开发时，WebRTC 标准提供了用于访问连接到计算机或智能手机的摄像头和麦克风的 API。这些设备通常称为“媒体设备”，可通过实现 MediaDevices 接口的 navigator.mediaDevices 对象使用 JavaScript 进行访问。在此对象中，我们可以枚举所有已连接的设备，监听设备更改（当设备连接或断开连接时），并打开设备以检索媒体流（见下文）。

最常见的用法是通过函数 getUserMedia()，该函数会返回一个针对匹配的媒体设备解析为 MediaStream 的 promise。此函数接受单个 MediaStreamConstraints 对象，用于指定我们的要求。例如，如需简单地打开默认麦克风和摄像头，我们可以执行以下操作。