如何让用户随时允许或拒绝摄像头/麦克风访问，他们如何更改设备来源？

Question

我正在使用 webRTC 并使用 https，用户可以选择是否允许或拒绝摄像头和麦克风访问一次，然后保存他们的选择以供下次访问。 我想添加一些代码，让用户可以在他们想要的任何特定时间打开或关闭他们的网络摄像头或麦克风，以及让他们在任何时候也有多个摄像头或麦克风设备时更换他们的摄像头或麦克风设备

请帮我这样做..谢谢

Answer 1

通过停止从getUserMedia 收到的曲目来关闭摄像头和麦克风：

stream.getTracks().forEach(track => track.stop())

要重新打开它们，请再次致电getUserMedia。

您可以使用enumerateDevices 构建内容内摄像头和/或麦克风选择器，它会返回一个列表，其中包括deviceIds，您可以使用deviceId 约束来选择特定设备getUserMedia（在 Chrome 中使用 https fiddle）：

var log = msg => div.innerHTML += msg + "<br>";

navigator.mediaDevices.enumerateDevices()
  .then(devices => {
    var cams = devices.filter(device => device.kind == "videoinput");
    log("You have " + cams.length + " camera(s).");
    if (cams.length) {
      return navigator.mediaDevices.getUserMedia({
        video: { deviceId: { exact: cams[0].deviceId } },
      })
      .then(stream => (video.srcObject = stream));
    }
  })
  .catch(log);

<div id="div"></div><br>
<video id="video" height="120" width="160" autoplay></video>

请注意，adapter.js 需要使用 Chrome 52（已修复为 54）。

请参阅official device selector sample 以获得已经完整的演示。