javascript 网络摄像头无法在浏览器中工作

Question

我有一个网络摄像头脚本，但它似乎不起作用，我也没有收到任何控制台错误，有人可以帮我看看我做错了什么

Photo.js

    (function(){
    var video = document.getElementById('video'),
                    vendorURL = window.URL || window.webkitURL;

 navigator.getMedia = navigator.getUserMedia ||
                                                                                                                                  navigator.WebKitGetUserMedia||
                                                                                                                    navigator.msGetUserMedia;

                        navigator.getMedia({
                            video:true,
                            audio:false
                        }, function(stream) {
                            video.src = vendorURL.createObjectURL(stream);
                            video.play();
                        }, function(error) {
                            //an error occured
                            //error.code
                        });

    });

index.html

<div class="booth">
     <video id="video" width="400" height="300"></video>
   </div><!-- end booth -->

这是一个 fiddle Fiddle

本教程的脚本取自 https://youtu.be/gA_HJMd7uvQ?t=456

Answer 1

javascript 有两个问题在问题。 1)IIFE实际上并没有被调用；您可以通过包含左括号和右括号 () 来调用立即调用的函数表达式在右括号之前 ) 2) w和k在navigator.WebKitGetUserMedia应该是小写字符 navigator.webkitGetUserMedia

(function() {
  var video = document.getElementById('video'),
    vendorURL = window.URL || window.webkitURL;

  navigator.getMedia = navigator.getUserMedia ||
    navigator.webkitGetUserMedia || /* substituted `w` for `W`, `k` for `K` */
    navigator.msGetUserMedia;

  navigator.getMedia({
    video: true,
    audio: false
  }, function(stream) {
    video.src = vendorURL.createObjectURL(stream);
    video.play();
  }, function(error) {
    console.log(error)
    //an error occured
    //error.code
  });   
}()); // added `()` before closing `)`

jsfiddle https://fiddle.jshell.net/heLs62sg/1/