html5-qrcode - npm Package Versions

Version 2.3.8

• Scanner Paused color tone changes.
• Misc code refactor.
• Backwards compatibility improvement by bilal-elchami@ in PR#700.
• Documentation generated and moved to scanapp.org/html5-qrcode-docs
• Html5QrcodeScannerConfig exported, thanks to PR#728 by seyfer@.
• LitExample added, thanks to PR#704 by kusigit@.

Sponsors Huge thanks to supporters of the mission who sponsored the project (See Leaderboard).

• Jari
• Dave from Gravity Wiz

See the sponsorship page at ko-fi.

Version 2.3.7

• Fix QR code scanning error.

Version 2.3.6

• Fix to minified js, some UI fixes to improve accessibility & SEO.

Version 2.3.5

Multiple bug fixes

• Missing resolve() in Html5QrcodeScanner fixed in PR#168 by itsUndefined.
• Fixed uncaught type error issue in PR#671 by zolfariot.
• Add sync issue in RenderedCameraImpl in PR#648 by pholawat-tle.

Version 2.3.4

• useBarCodeDetectorIfSupported defaults to true and if supported the library will internally alternate between BarcodeDetector and zxing-js. Same robustness added for file based scan as well if more than one decoder is supported.
• Fixed the UI issue - Issue#613.
• Fix for torch issue - Issue#634.
• In case of scanFile(..) APIs, scan at image resolution. Show Loading image... while the image is being loaded for rendering. More info at Issue#612

Version 2.3.3

Quick fix for - issue#621. With this zoom & torch is not supported in firefox for now.

Version 2.3.2

Features or bug fixes.

• Hide margin of parent container when camera selection UI is hidden (if only 1 camera is found.) - Issue#599, PR#607 by adamwolf@.

Support for zoom slider in Html5QrcodeScanner. Added basic support for zoom feature under configuration flag (not enabled by default). This was raised in issue issue#330.This should help address some focus issues raised so far.

Not supported on Safari or any IOS browser though!

How to use

let html5QrcodeScanner = new Html5QrcodeScanner(
    "reader", 
    { 
        fps: 10,
        qrbox: qrboxFunction,
        useBarCodeDetectorIfSupported: true,
        rememberLastUsedCamera: true,
        aspectRatio: 4/3,
        showTorchButtonIfSupported: true,
        showZoomSliderIfSupported: true,
        defaultZoomValueIfSupported: 2
        // ^ this means by default camera will load at 2x zoom.
    });

Tech debts

• Refactored the camera components out of src/html5-qrcode.ts

Version 2.3.1

• Improved support for UPC types - by Breno1288, forked from PR - pull#501
• Fix form submission in Firefox issue - Discussion#413 by Joggel72, forked from PR - pull#431
• Fix support for UPC-E as called out in several bugs - parent issue#605
• Add willReadFrequently attribute to canvas context for camera scan as per Google Chrome recommendation.

Version 2.3.0

• Added support for drag and drop of image in file based scanner.
• Info UI updated.

Version 2.2.8

Custom camera labels when not available.

In certain browsers as well as cases like Android Webview it looks like camera name is not returned by the browser. In such cases the camera selection has empty named options.

To make the UX better, the library will give custom names to the cameras.

• Github Issue: Issue#578

For example in Duck Duck Go browser which has this behavior, it will look like this

| Before selection | After selection | | --- | --- | | | |