如何像 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.

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