如何在一个像Appear.in这样的弹出窗口中请求麦克风和相机镀铬权限呢？

Question

Appear.in有它，所以他们在同一个弹出窗口中请求麦克风和摄像头访问。我找不到任何关于如何做到这一点的答案，有人知道吗？

Answer 1

您可以使用 Mozilla Web API 中的MediaDevices.getUserMedia()，它会提示用户获取权限并生成MediaStream。 Mozilla就是一个很好的例子：

// Prefer camera resolution nearest to 1280x720.
var constraints = { audio: true, video: { width: 1280, height: 720 } }; 

navigator.mediaDevices.getUserMedia(constraints)
.then(function(mediaStream) {
  var video = document.querySelector('video');
  video.srcObject = mediaStream;
  video.onloadedmetadata = function(e) {
    video.play();
  };
})
.catch(function(err) { console.log(err.name + ": " + err.message); }); // always check for errors at the end.

即使使用事件处理程序，它也很容易处理我们获得的流。