首页 > 解决方案 > 在 html5-qrcode.min.js 上选择后置摄像头

问题描述

我使用这个二维码扫描器: https ://github.com/mebjas/html5-qrcode

我使用此代码扫描二维码:

         function onScanSuccess(decodedText, decodedResult) {
  // handle the scanned code as you like, for example:
  document.getElementById('text').value = decodedText;
  console.log(`Code matched = ${decodedText}`, decodedResult);
}

function onScanFailure(error) {
  // handle scan failure, usually better to ignore and keep scanning.
  // for example:
  console.warn(`Code scan error = ${error}`);
}

let html5QrcodeScanner = new Html5QrcodeScanner(
    "reader", { fps: 10, qrbox: 250 }, /* verbose= */ false);
html5QrcodeScanner.render(onScanSuccess, onScanFailure);

可以将默认相机设置为支持 smartfone 相机。我想在启动时运行带有后置摄像头的扫描仪。谢谢,一些帮助。

标签: javascripthtmlqr-code

解决方案


当我启动扫描仪时,我使用这段代码完成了它:

面对模式:{精确:“环境”}

也许这将有助于为您指明正确的方向。以下是我启动扫描仪时使用设置的方式:

    /** load scanner using back camera **/
    html5QrCode.start({ facingMode: { exact: "environment"} }, config, qrCodeSuccessCallback);

推荐阅读