小编pat*_*ick的帖子

如何多次使用相机流

我想创建一个充当条形码和二维码扫描仪的 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)

javascript quagga getusermedia quaggajs

5
推荐指数
0
解决办法
1335
查看次数

标签 统计

getusermedia ×1

javascript ×1

quagga ×1

quaggajs ×1