0

我在我的 Laravel 应用程序中实现了 QuaggaJS 库,如下面的代码所示,它适用于桌面上的 Chrome,适用于移动设备上的三星资源管理器和 Safari,但对于 android 上的 Chrome,当我的相机检测到条形码时,整个 chrome 应用程序就会崩溃。

import Quagga from 'quagga';


var _scannerIsRunning = false;

document.getElementById("start").addEventListener("click", function () {
    if (_scannerIsRunning) {
        Quagga.stop();
        _scannerIsRunning = false;
    } else {
        location.reload();
    }
})

$(document).ready(function () {
    Quagga.init({
        inputStream: {
            name: "Live",
            type: "LiveStream",
            target: document.querySelector('.cam')    // Or '#yourElement' (optional)
        },
        decoder: {
            readers: ["code_128_reader"]
        },
        constraints: {
            width: 640,
            height: 480,

            video: {
                    mandatory: {
                        minWidth: { min: 1280 },
                        minHeight: { min: 720 }
                    }
                }

        },
        showCanvas: false,
        locator: false,
    }, function (err) {
        if (err) {
            console.log(err);
            return
        }
        console.log("Initialization finished. Ready to start");
        Quagga.start();

        Quagga.onDetected(function (result) {
            $('#table_data').prepend(
                '<th>' + result.codeResult.code + '</th>'
            )

            console.log(result.codeResult.code);
            Quagga.stop();
        });
    }, false);
})



先感谢您

4

0 回答 0