巧,我正在使用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上引用我的project:https://github.com/licaomeng/js-qrcode-scanner
关于javascript - 带有lazarsoft的QR码阅读器,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/42538357/