To enforce the use of the new api with detailed scan results, call the constructor with an options object, see below. Create HTMLĬreate a element where the web cam video stream should get rendered: Especially if you want to scan from the device's camera, camera support by the browser is the stricter restriction. You will likely not need to use the legacy build though, as general browser support is already very good for the regular build. Note, that the legacy build is larger as it includes some polyfills and, to support browsers that don't support dynamic imports, inlines the worker script which however would be needed to be loaded in legacy browsers anyway. It's a UMD build and can be used as a replacement for, see above. If you need to support old browsers, you can use, which is ECMAScript 2015 (ES6) compatible. This library uses ECMAScript 2017 features like async functions. The development of this library is sponsored by nimiq, world's first browser based blockchain.Ĭonst QrScanner = require ( 'qr-scanner' ) // if installed via package const QrScanner = require ( 'path/to/' ) // if not installed via package // do something with QrScanner The library supports scanning a continuous video stream from a web cam as well as scanning of single images. Also the other library oftentimes misreads the content of QR codes, while for this project no misreads occurred in the benchmarking. Can be configured for better performance on colored QR codes.Īccording to our benchmarking this project's scanner engine's detection rate is about 2-3 times (and up to 8 times) as high as the one of the most popular javascript QR scanner library LazarSoft/jsqrcode.Runs in a WebWorker which keeps the main / UI thread responsive.Improved performance and reduced memory footprint.If the native BarcodeDetector is available, only ~15.3 kB (~5.6 kB gzipped) are loaded. Lightweight: ~59.3 kB (~16.3 kB gzipped) minified with Google's closure compiler.Uses the browser's native BarcodeDetector if available.Web cam scanning support out of the box.In this library, several improvements have been applied over the original port: Javascript QR Code Scanner based on Cosmo Wolfe's javascript port of Google's ZXing library.

Qr code scanner on website