巧,我正在使用https://github.com/LazarSoft/jsqrcode,但是我无法通过相机对qrcode进行解码。
我想做的就是获取阅读qrcode的解码

这是我的代码

的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;


格拉齐

最佳答案

Chrome不再支持navigator.mediaDevices.getUserMedia。请使用navigator.mediaDevices.enumerateDevices().then(function(MediaDeviceInfo) { ... })进行开发,您可以在github上引用我的projecthttps://github.com/licaomeng/js-qrcode-scanner

关于javascript - 带有lazarsoft的QR码阅读器,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/42538357/

10-15 07:13