Question

你好，我需要一些关于它的东西的帮助我怎样才能制作＆＃34; navigator.mediaDevices.getUserMedia＆＃34;

在http服务器上为所有浏览器工作这是可能的，如何我尝试了所有但不起作用

这是我的代码rthat在http中不起作用但在https服务器中工作

navigator.mediaDevices.getUserMedia({ video: true, audio: false })
         .then(function(stream) {
             video.srcObject = stream;
             video.play();
            })
         .catch(function(err) {
            console.log("An error occured! " + err);
            });

  video = document.getElementById('video');
  video.addEventListener('canplay', function(ev){
  if (!streaming) {

    height = video.videoHeight / (video.videoWidth/width);

    video.setAttribute('width', width);
    video.setAttribute('height', height);
    canvas.setAttribute('width', width);
    canvas.setAttribute('height', height);
    streaming = true;
  }
}, false);

Answer 1

似乎Chrome和Firefox仅允许通过安全https连接的navigator.mediaDevices。

您可以使用启动标记在Chrome上覆盖此选项：

--unsafely-treat-insecure-origin-as-secure="http://example.com"

您可以在此处找到更多信息：

https://sites.google.com/a/chromium.org/dev/Home/chromium-security/deprecating-powerful-features-on-insecure-origins

带有http服务器的navigator.mediaDevices.getUserMedia

1 个答案: