我在我的 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);
})
先感谢您