#30 QR Code scanner Javascript

15 000 ₮ | 2020-02-19 | Төлөв: Дууссан

HTML + Javascript

QR код скан хийдэг 2-с доошгүй Javascript library санал болгоно уу!

Мобайл дээрээс вэб хуудсыг ачаалласан ч бас ажилладаг байх шаардлагатай.

Санал болгож буй JS library дараах ажиллагааны зарчимаар хийгдсэн байна.

  1. Хуудасны линкээр Desktop эсвэл Мобайл төхөөрөмж дээрээс хандана.
  2. Scan qr code гэсэн товч дээр дарна.
  3. Камерийн дүрс харагдаж QR код уншуулахыг хүлээнэ.
  4. QR код камерт харагдахад хуудас дээрх input дээр QR код дахь утга орно.
« буцах
2020-02-29 21:19

Санал болгосон Instascan хэрэглээнд нийцэхгүй байна.

<!DOCTYPE html>
<html>
<head>
    <title>QR Scanner</title>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://rawgit.com/schmich/instascan-builds/master/instascan.min.js"></script>
</head>
<body>
    <h1>QR Scanner</h1>
    <button onclick="callVideo()">Scanner bar code</button>

    <video id="preview"></video>
    <script type="text/javascript">
    function callVideo(){
        let scanner = new Instascan.Scanner({ video: document.getElementById('preview') });
      scanner.addListener('scan', function (content) {
        alert(content);
        console.log("scannerCode", 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>

cozmo-ийн jsQR арай дээр юм байна.

Canvas дээр зурж байгаа нь илүү чухал байна.

Scan qr code гэсэн товч хийгээгүй байна.

Input дээр нь үр дүн харагдах ёстой нь бас хийгдээгүй байна.