Dynamsoft-barcode-reader-web-sdk NPM

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 BarcodeReader = require('dynamsoft-barcode-reader-web-sdk');
BarcodeReader.licenseKey = 'LICENSE-KEY';
BarcodeReader.createInstance().then(reader => {
    reader.decode('sample.png').then(results => {
        for(var i = 0; i < results.length; ++i){
            console.log(results[i].BarcodeText);
        }
        reader.deleteInstance();
    });
});

Web

<!DOCTYPE html>
<html>
<body>
    <script src="node_modules/dynamsoft-barcode-reader-web-sdk/dist/dbr.min.js"></script>
    <script>
        BarcodeReader.licenseKey = 'LICENSE-KEY';
        let videoReader = new BarcodeReader.Scanner({
            onFrameRead: results => {console.log(results);},
            onNewCodeRead: (txt, result) => {alert(txt);}
        });
        videoReader.open();
    </script>
</body>
</html>

Alternatively, you can use the jsDelivr CDN as follows:

<!DOCTYPE html>
<html>
<body>
    <script src="https://cdn.jsdelivr.net/npm/dynamsoft-barcode-reader-web-sdk/dist/dbr.min.js"></script>
    <script>
        BarcodeReader.licenseKey = 'LICENSE-KEY';
        let videoReader = new BarcodeReader.Scanner({
            onFrameRead: results => {console.log(results);},
            onNewCodeRead: (txt, result) => {alert(txt);}
        });
        videoReader.open();
    </script>
</body>
</html>

Use Web Server for Chrome for quick deployment.