Wie baue ich einen Barcode-Leser in js mit Kamera?

Question

Ich bin ein Anfänger in js und jquery, deshalb brauche ich deine Hilfe. Ich würde gerne einen Barcodeleser in js dank der Kamera auf meinem Handy bauen. Im Moment ich das tun:

<video id="video" width="640" height="480" autoplay></video> 
 
    <button id="snap">Snap Photo</button> 
 
    <canvas id="canvas" width="640" height="480"></canvas> 
 
    <script type="text/javascript"> 
 
    // Grab elements, create settings, etc. 
 
    var video = document.getElementById('video'); 
 

 
    // Get access to the camera! 
 
    if(navigator.mediaDevices && navigator.mediaDevices.getUserMedia) { 
 
     // Not adding `{ audio: true }` since we only want video now 
 
    navigator.mediaDevices.getUserMedia({ video: true }).then(function(stream) { 
 
     video.src = window.URL.createObjectURL(stream); 
 
     video.play(); 
 
    }); 
 
    // Elements for taking the snapshot 
 
    var canvas = document.getElementById('canvas'); 
 
    var context = canvas.getContext('2d'); 
 
    var video = document.getElementById('video'); 
 

 
    // Trigger photo take 
 
    document.getElementById("scan").addEventListener("click", function() { 
 
\t context.drawImage(video, 0, 0, 640, 480); 
 
    }); 
 
}

aber es funktioniert nicht so im ziemlich verloren x) danken Ihnen im Voraus Ihre Hilfe! (Entschuldigung für mein Englisch: D)

Answer 1

Warum nicht einige Bibliotheken, z.

• QuaggaJS
• Some other reader