admin 发表于 2023-9-1 16:23:53

quagga.min.js识别条形码源码

以下是ASP代码,用于在浏览器中直接调用手机摄像头,或者电脑摄像头,直接将识别结果输入到文本框。

<script>
      // quagga开始扫描
      function startScanning1() {
            navigator.mediaDevices.getUserMedia({ video: { facingMode: "environment" } })
                .then(function (stream) {
                  var videoElement = document.getElementById("videoElement");
                  videoElement.srcObject = stream;
                  videoElement.play();

                  Quagga.init({
                        inputStream: {
                            name: "Live",
                            type: "LiveStream",
                            target: videoElement
                        },
                        decoder: {
                            readers: ["ean_reader", "code_128_reader", "code_39_reader"]
                        }
                  }, function (err) {
                        if (err) {
                            console.error(err);
                            return;
                        }
                        Quagga.start();
                  });

                  // 监听扫描结果
                  Quagga.onDetected(function (result) {
                        var code = result.codeResult.code;
                        document.getElementById("barcodeResult").value = code;
                        stopScanning();
                  });
                })
                .catch(function (error) {
                  console.error("Error accessing camera: ", error);
                });
      }

      // 停止扫描
      function stopScanning1() {
            Quagga.stop();
            var videoElement = document.getElementById("videoElement");
            if (videoElement.srcObject) {
                videoElement.srcObject.getTracks().forEach(function (track) {
                  track.stop();
                });
                videoElement.srcObject = null;
            }
      }
    </script>

页: [1]
查看完整版本: quagga.min.js识别条形码源码