Scl*_*ato 10 javascript camera qr-code
我正在寻找一种解决方案来读取网页上的QRCode.
假设我用PHP和一些库(zxing或其他东西)生成了一个QRCode并将其打印在一张纸上,好吗?
我现在想做的是用平板电脑/智能手机通过网页阅读.我浏览到该页面,它要求我将QRCode对准相机,然后将扫描的内容发送回解码它的页面.
有什么东西可以处理这个而无需使用Android/iOS应用程序?它可以是另一种类型的2D条形码,也不仅仅是QRCode.
TY
我曾经和Lazarsoft合作过 jsqrcode
它在浏览器中运行良好,我知道他制作了一个用相机测试手机的演示.
这是他的存储库:https://github.com/LazarSoft/jsqrcode
对于相机支持:使用CamCanvas API:http://www.taboca.com/p/camcanvas/
您可以使用instascan读取二维码。
从发布页面复制 instascan.min.js 并加载:
<script type="text/javascript" src="instascan.min.js"></script>
Run Code Online (Sandbox Code Playgroud)
读取二维码的示例代码。
<!DOCTYPE html>
<html>
<head>
<title>QR Code Reader using Instascan</title>
<script type="text/javascript" src="instascan.min.js"></script>
</head>
<body>
<video id="preview"></video>
<script type="text/javascript">
let scanner = new Instascan.Scanner({ video: document.getElementById('preview') });
scanner.addListener('scan', function (content) {
console.log(content);
});
Instascan.Camera.getCameras().then(function (cameras) {
if (cameras.length > 0) {
scanner.start(cameras[0]);
} else {
console.error('No cameras found.');
}
}).catch(function (e) {
console.error(e);
});
</script>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)