r/JavaScriptTips • u/Low_Mammoth_9371 • Mar 02 '23

Easy QR Code scanning with Html5-QRCode (from webcam or file)

Post image
7 Upvotes

88% Upvoted

1 comment sorted by

1

u/Low_Mammoth_9371 Mar 02 '23

Html5-QRCode introductory tutorial: https://youtu.be/19eo39lqpLM

Code from snippet:

// After importing Html5-QRCode...

// Initalize new scanner in element 'reader':
const scanner = new Html5QrcodeScanner('reader', {
    qrbox: {
        width: 250,
        height: 250,
    },
});

// Start scanner:
scanner.render(success, error);

function success(result) {
    console.error(result);
}

function error(err) {
    console.error(err);
}