我想创建一个充当条形码和二维码扫描仪的 PWA。为了检测 QR 码,我使用 jsQR (请参阅:https: //github.com/cozmo/jsQR),对于条形码,我想使用 QuaggaJS (请参阅: https: //serratus.github.io/quaggaJS/)。为了选择应检测的代码类型,我的网站上有一些单选按钮,它们调用函数“triggerScannerInitialization()”(见下文)。扫描二维码已经可以使用,但扫描条形码会导致一些问题。相机图像未正确加载。如果我在仅使用 QuaggaJS 的测试站点上运行相同的代码,扫描条形码就会正常工作。我认为从同一相机打开两个相机流可能会导致问题。谁能给我提示如何使用相同的相机流?
\n// variables for stopping scanner types on next run\nlet stopJsQrOnNextRun = true;\n\nfunction triggerScannerInitialisation() {\n // get the selected code type\n let codeTypeSelector = document.querySelector(\'input[name="code_type_selector"]:checked\').value;\n\n switch (codeTypeSelector) {\n case \'barcode\':\n stopJsQrOnNextRun = true;\n startQuaggaJs();\n break;\n case \'qr\':\n stopQuaggaJs();\n stopJsQrOnNextRun = false;\n startJsQr();\n break;\n default:\n return false;\n }\n}\n\nfunction startQuaggaJs() {\n document.getElementById("barcode_camera_div").hidden = false;\n\n Quagga.init({\n inputStream: {\n name: "Live",\n type: "LiveStream",\n target: document.querySelector(\'#barcode_camera_div\'),\n constraints: {\n width: 480,\n …Run Code Online (Sandbox Code Playgroud)