JavaScript-Webcam nicht in Browser funktioniert

Question

i eine Webcam-Skript, aber es tut auch bekomme ich zu funktionieren scheint nicht alle Konsole Fehler kann jemand bitte helfen Sie mir, um zu sehen, was mi falsch

Photo.js tun

(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 --> 

und hier ist eine Geige Fiddle

Dieses Tutorial ist Skript wird von https://youtu.be/gA_HJMd7uvQ?t=456

Answer 1

Es gibt zwei Probleme bei javascript bei Frage. 1) Das IIFE wird nicht wirklich aufgerufen; Sie können und Klammern () vor Klammer schließen ) 2) w und k bei navigator.WebKitGetUserMedia Schließen Öffnung, indem die sofort aufgerufen Funktion Ausdruck rufen 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/

Answer 2

genommen Es sieht aus wie Sie diesen Code in einem Verschluss gewickelt haben, die laufen wont, wenn Sie es ausdrücklich von irgendwo anrufen.

(function(){ 
    // Code will not execute automatically 
}); 

Beachten Sie die zusätzliche Klammer auf der letzten Zeile in dem folgenden Beispiel:

(function(){ 
    // Code will execute automatically 
})(); 

Alternativ können Sie Ihren Code einer Variablen zuweisen und es manuell aufrufen, zB:

var func = (function(){ 
    // Some Code in here 
}); 

func(); 

Ich vermute, dass dies die Ursache Ihres Problems ist, aber ich kann nicht mit Sicherheit sagen, dass Ihr Webcam-Code funktioniert, aber dies sollte ein Schritt in die richtige Richtung sein.