帶lazarsoft的Qrcode閱讀器

Question

Ciao我正在使用https://github.com/LazarSoft/jsqrcode，但我無法通過相機獲取qrcode的解碼。 我想要做的就是讓閱讀QR碼的解碼

這是我的代碼

HTML

<video autoplay></video> 
<canvas id="qr-canvas"></canvas> 

JS

 var video = document.querySelector('video'); 
     var constraints = 
     { 
      audio: false, 
      video: 
      { 
       facingMode: { exact: "environment" }, 
       width: { min: 100, ideal: 400, max: 450 }, 
       height: { min: 100, ideal: 400, max: 450 } 
      } 
     } 

     navigator.mediaDevices.getUserMedia(constraints) 
     .then(function(mediaStream) 
     { 

      video.srcObject = mediaStream; 
      video.onloadedmetadata = function(e) 
      { 
      video.play(); 
      }; 

     }).catch(function(err) 
     { 
      console.log(err.name + ": " + err.message); 
     }); 

     var qr_canvas = 
     document.getElementById('qr-canvas').getContext('2d'); 
     qr_canvas.drawImage(video, 0, 0, 400, 400); 
     qrcode.decode(); 


     function readQR(a) 
     { 
      alert(a); 
     } 

     qrcode.callback = readQR; 

古拉爵

Answer 1

Chrome不支持navigator.mediaDevices.getUserMedia。請使用navigator.mediaDevices.enumerateDevices().then(function(MediaDeviceInfo) { ... })進行開發，並且您可以在github上參考我的project：https://github.com/licaomeng/js-qrcode-scanner