Question

我使用QuaggaJS打开正确的相机时遇到问题，在某些设备上，自拍相机已打开，而在其他设备上，背面相机将被打开。如何设置标准相机向后置相机打开？因为用自拍相机扫描条形码并非易事……

这是我到目前为止尝试过的：

 inputStream: {
                type : "LiveStream",
                constraints: {
                    width: {min: 640},
                    height: {min: 480},
                    facingMode: "environment",
                    aspectRatio: {min: 1, max: 2}
                }
            },

在初始化期间，我已经将面对模式设置为环境，但是自拍相机仍处于打开状态.....

也许chrome中还有一个可以更改此设置的设置？但是我找到了……

Answer 1

我正在做的并且可以在某些智能手机上工作的内容如下：

var backCamID = null;
var last_camera = null;
navigator.mediaDevices.enumerateDevices()
.then(function(devices) {
  devices.forEach(function(device) {  
 if( device.kind == "videoinput" && device.label.match(/back/) !== null ){
      backCamID = device.deviceId;
    }
if( device.kind === "videoinput"){
last_camera = device.deviceId;
} 
});
if( backCamID === null){
backCamID = last_camera;
}
})
.catch(function(err) {         });

并限制放置相机ID而不是FaceingMode

deviceId: backCamID

Answer 2

由于QuaggaJS仅允许将“环境”或“用户”用作FaceingMode。您可以选择元素以选择其中之一。

HTML：

<select id="videoSource">
    <option value="enviroment" selected>Back</option>
    <option value="user">Front</option>
</select>

JS：

var _scannerIsRunning = false; // set to true at the end of startScanner()

    document.getElementById("videoSource").addEventListener("change", function () {
        if (_scannerIsRunning) {
            Quagga.stop();
        }
        startScanner(); // put your init function here

    }, false);

用select的值替换faceMode

facingMode: document.getElementById("videoSource").value

如何在QuaggaJS中使用后置摄像头代替自拍摄像头

2 个答案: