从带有摄像头的网页读取qrcode.

Scl*_*ato 10 javascript camera qr-code

我正在寻找一种解决方案来读取网页上的QRCode.

假设我用PHP和一些库(zxing或其他东西)生成了一个QRCode并将其打印在一张纸上,好吗?

我现在想做的是用平板电脑/智能手机通过网页阅读.我浏览到该页面,它要求我将QRCode对准相机,然后将扫描的内容发送回解码它的页面.

有什么东西可以处理这个而无需使用Android/iOS应用程序?它可以是另一种类型的2D条形码,也不仅仅是QRCode.

TY

edi*_*999 7

我曾经和Lazarsoft合作过 jsqrcode

它在浏览器中运行良好,我知道他制作了一个用相机测试手机的演示.

这是他的存储库:https://github.com/LazarSoft/jsqrcode

对于相机支持:使用CamCanvas API:http://www.taboca.com/p/camcanvas/


Cod*_*ker 6

您可以使用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)

  • 好的,原来,官方版本(1.0.0)中的javascript文件有bug。此链接更可取`https://rawgit.com/schmich/instascan-builds/master/instascan.min.js` (2认同)