3

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.

Mariusz
  • 55
  • 1
  • 5
  • you'll probably need to use [navigator.mediaDevices.enumerateDevices](https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/enumerateDevices) – Bravo Aug 17 '21 at 06:48
  • How to use that ? – Mariusz Aug 17 '21 at 07:04
  • Does this answer your question? [Accessing device camera using javascript](https://stackoverflow.com/questions/49473678/accessing-device-camera-using-javascript) – Dhana D. Aug 17 '21 at 07:20
  • Did you notice it was a link to documentation, and in that documentation there are examples and other very helpful links to all the information you could ever want to *research* – Bravo Aug 17 '21 at 07:35

1 Answers1

5

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);
Rodney
  • 514
  • 1
  • 9
  • 27