Socket
Socket
Sign inDemoInstall

html5-qrcode

Package Overview
Dependencies
0
Maintainers
1
Versions
63
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install
234567Next

2.3.8

Diff

Changelog

Source

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.

mebjas
published 2.3.7 •

Changelog

Source

Version 2.3.7

  • Fix QR code scanning error.
mebjas
published 2.3.6 •

Changelog

Source

Version 2.3.6

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

Changelog

Source

Version 2.3.5

Multiple bug fixes

mebjas
published 2.3.4 •

Changelog

Source

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
mebjas
published 2.3.3 •

Changelog

Source

Version 2.3.3

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

mebjas
published 2.3.2 •

Changelog

Source

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
mebjas
published 2.3.1 •

Changelog

Source

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.
mebjas
published 2.3.0 •

Changelog

Source

Version 2.3.0

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

Changelog

Source

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.

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

| Before selection | After selection | | --- | --- | | Screenshot_20221105-005544 | Screenshot_20221105-005550 |

234567Next
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc