Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/google-chrome/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在一个弹出窗口中请求麦克风和摄像头的chrome权限,如“显示”。在“显示”中?_Javascript_Google Chrome - Fatal编程技术网

Javascript 如何在一个弹出窗口中请求麦克风和摄像头的chrome权限,如“显示”。在“显示”中?

Javascript 如何在一个弹出窗口中请求麦克风和摄像头的chrome权限,如“显示”。在“显示”中?,javascript,google-chrome,Javascript,Google Chrome,使其在同一弹出窗口中同时请求麦克风和摄像头访问。我找不到任何关于如何执行此操作的答案,有人知道吗?您可以从Mozilla Web API使用,它会提示用户输入权限并生成媒体流。Mozilla提供了一个很好的例子: // Prefer camera resolution nearest to 1280x720. var constraints = { audio: true, video: { width: 1280, height: 720 } }; navigator.mediaDevic

使其在同一弹出窗口中同时请求麦克风和摄像头访问。我找不到任何关于如何执行此操作的答案,有人知道吗?

您可以从Mozilla Web API使用,它会提示用户输入权限并生成媒体流。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.
即使使用事件处理程序,也很容易处理我们得到的流