Select back camera on html5-qrcode.min.js

Question

I use this qr code scanner: https://github.com/mebjas/html5-qrcode

I use this code to scan qr code:

         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);

It is possible to set default camera to back smartfone camera. I want to run scanner with setted back camera on startup. Thanks, for some help.

Answer 1

I accomplish it using this bit of code when I launch the scanner:

facingMode: { exact: "environment"}

Maybe this will help point you in the right direction. Below is the way the setting is used when I launch the scanner:

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

Answer 2

const scanner = new Html5QrcodeScanner('reader', {
                qrbox: {
                    width: 200,
                    height: 200,
                },
                fps: 5,
                videoConstraints: {
                    facingMode: { exact: "environment" },
                },
            },
            false)
        scanner.render(success, error);