在 html5-qrcode.min.js 上选择后置摄像头

Mar*_*usz 3 html javascript qr-code

我使用这个二维码扫描仪: 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);
Run Code Online (Sandbox Code Playgroud)

可以将默认摄像头设置为智能手机背面摄像头。我想在启动时使用设置的后置摄像头运行扫描仪。谢谢,提供一些帮助。

Rod*_*ney 5

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

facesMode: { 精确: "环境"}

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

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

  • 在我的三星S21上,默认为广角镜头,没有对焦,小二维码无法这样扫描。 (3认同)