ウェブアプリでQuagga jsを使用してバーコードをスキャンしたい...問題は、モバイルのバックカメラを使用したいということです。ドキュメントでは、クアッガは「faceingMode」というパラメーターを使用すると述べています。FacingMode = "enviroment" を設定すると、PC にいる場合はウェブカメラを使用し、Phone にいる場合は背面カメラを使用します。そして、モバイルのフロントカメラを使用するfaceingMode = "user"を設定した場合。さて、テスト用にユーザーと環境を設定しましたが、違いはありません。同じままです。携帯電話では引き続き前面カメラを使用し、背面カメラを使用しようとしましたが、何もしませんでした。そこにコードを残します
function startScanner() {
Quagga.init({
inputStream: {
name: "Live",
type: "LiveStream",
target: document.querySelector('#scanner-container'),
constraints: {
width: 600,
height: 450,
facingMode: "enviroment" //or user for front camera
},
},
decoder: {
readers: [
"code_128_reader",
"ean_reader",
"ean_8_reader",
"code_39_reader",
"code_39_vin_reader",
"codabar_reader",
"upc_reader",
"upc_e_reader",
"i2of5_reader"
],
debug: {
showCanvas: true,
showPatches: true,
showFoundPatches: true,
showSkeleton: true,
showLabels: true,
showPatchLabels: true,
showRemainingPatchLabels: true,
boxFromPatches: {
showTransformed: true,
showTransformedBox: true,
showBB: true
}
}
},
}, function (err) {
if (err) {
console.log(err);
return
}
console.log("Initialization finished. Ready to start");
console.log(navigator.mediaDevices.enumerateDevices());
Quagga.start();
// Set flag to is running
_scannerIsRunning = true;
});
私はAndroid Phoneで試しました