如何使用 QUAGGA JS 在浏览器中使用手机的后置摄像头

编程问答 2022-10-24

问题描述

我想在我的 web 应用程序中使用 Quagga js 来扫描条形码... 问题是我想使用手机的后置摄像头，在文档中说 quagga 使用一个名为“faceMode”的参数。 如果您设置 facesMode = "enviroment" 使用网络摄像头（如果您留在 PC 中）或后置摄像头（如果您留在手机中）。 如果您设置 facesMode = "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;
            });

我在安卓手机上试过

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

barcodebarcodebarcodecameracameraquaggaquaggajs