JSPM

dynamsoft-javascript-barcode

7.1.0
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 13056
  • Score
    100M100P100Q14630F
  • License SEE LICENSE IN LICENSE.txt

Dynamsoft Barcode Reader JS is a recognition SDK which enables you to embed barcode reading functionality in your web, desktop, and mobile applications. With a few lines of JavaScript code, you can develop a robust application to scan a linear barcode, QR Code, DataMatrix, PDF417, and Aztec Code.

Package Exports

  • dynamsoft-javascript-barcode

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (dynamsoft-javascript-barcode) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Dynamsoft JavaScript Barcode SDK for Node and Web

Dynamsoft JavaScript Barcode SDK

A WebAssembly barcode library for building JavaScript barcode detection apps.

Overview

Dynamsoft JavaScript Barcode Reader is a recognition SDK which enables you to embed barcode reading functionality in your web, desktop, and mobile applications. With a few lines of JavaScript code, you can develop a robust application to scan a linear barcode, QR Code, DataMatrix, PDF417, and Aztec Code.

Supported Barcode Symbologies

  • 1D barcode: Code 39, Code 93, Code 128, Codabar, EAN-8, EAN-13, UPC-A, UPC-E, Interleaved 2 of 5 (ITF), Industrial 2 of 5 (Code 2 of 5 Industry, Standard 2 of 5, Code 2 of 5), ITF-14.
  • 2D barcode: QRCode, DataMatrix, PDF417, and Aztec Code.

Browser Compatibility

Browser Version
Chrome v57+
Firefox v52+
Edge v16+
Safari* v11+
Internet Explorer not supported

Usage

Node

var dbr = require('dynamsoft-javascript-barcode');
dbr.BarcodeReader.productKeys = 'LICENSE-KEY';
dbr.BarcodeReader.createInstance().then(reader => {
    reader.decode('sample.png').then(results => {
        for(var i = 0; i < results.length; ++i){
            console.log(results[i].BarcodeText);
        }
        reader.destroy();
    });
});

Web

<!DOCTYPE html>
<html>
<body>
    <script src="node_modules/dynamsoft-javascript-barcode/dist/dbr.min.js" data-productKeys="LICENSE-KEY"></script>
    <script>
        let barcodeScanner = null;
        Dynamsoft.BarcodeScanner.createInstance({
            onFrameRead: results => {console.log(results);},
            onUnduplicatedRead: (txt, result) => {alert(txt);}
        }).then(scanner => {
            barcodeScanner = scanner;
            barcodeScanner.show();
        });
    </script>
</body>
</html>

Alternatively, you can use the jsDelivr CDN as follows:

<!DOCTYPE html>
<html>
<body>
    <script src="https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@7/dist/dbr.min.js" data-productKeys="LICENSE-KEY"></script>
    <script>
        let barcodeScanner = null;
        Dynamsoft.BarcodeScanner.createInstance({
            onFrameRead: results => {console.log(results);},
            onUnduplicatedRead: (txt, result) => {alert(txt);}
        }).then(scanner => {
            barcodeScanner = scanner;
            barcodeScanner.show();
        });
    </script>
</body>
</html>

Use Web Server for Chrome for quick deployment.

API Reference

https://www.dynamsoft.com/help/Barcode-Reader-wasm/index.html

Samples

  • samples/node
  • samples/web

More: https://github.com/dynamsoft-dbr/javascript-barcode

Online Demo

https://demo.dynamsoft.com/dbr_wasm/barcode_reader_javascript.html

Web barcode reader

License

Get a FREE 30-day trial license.

Contact Us

https://www.dynamsoft.com/Company/Contact.aspx