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

Question

我使用这个二维码扫描仪： 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);

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

Answer 1

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

faceingMode：{精确：“环境”}

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

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

Answer 2

const 扫描仪 = new Html5QrcodeScanner('阅读器', { qr框：{ 宽度：200， 高度：200， }, 帧率：5， 视频约束：{ facesMode: { 精确: "环境" }, }, }, 错误的） Scanner.render（成功，错误）；