Dev Center
Table of contents

JavaScript Hello World Sample - RequireJS

RequireJS is a JavaScript file and module loader. In this article, we will take a look at how to use the Dynamsoft Barcode Reader JavaScript SDK (hereafter called “the library”) with RequireJS as shown in the code:

Create a simple page for barcode reading with RequireJS

Include RequireJS on the page

The first step is to load “require.js” on the page:

<script src="https://cdn.jsdelivr.net/npm/requirejs@2.3.6/require.js"></script>

Use RequireJS to load the library

Once RequireJS is enalbed, we can use the API requirejs to load the library from a CDN:

requirejs(['https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.6.40/dist/dbr.js'],
    function({
        BarcodeScanner
    }) {});

As shown above, the requirejs method loads the library and imports two key objects to be used in the context. We use DBR to set up the library and then use BarcodeScanner to read barcodes from a video input.

BarcodeScanner.license = 'DLS2eyJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSJ9';
BarcodeScanner.engineResourcePath = "https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.6.40/dist/";
let pScanner = null;
document.getElementById('readBarcode').onclick = async function() {
    try {
        let scanner = await (pScanner = pScanner || BarcodeScanner.createInstance());
        scanner.onFrameRead = results => {
            console.log("Barcodes on one frame:");
            for (let result of results) {
                const format = result.barcodeFormat ? result.barcodeFormatString : result.barcodeFormatString_2;
                console.log(format + ": " + result.barcodeText);
            }
        };
        scanner.onUniqueRead = (txt, result) => {
            alert(txt);
            console.log("Unique Code Found: " + result);
        }
        await scanner.show();
    } catch (ex) {
        alert(ex.message);
        throw ex;
    }
};

You can try the sample code from:

This page is compatible for:

Version 7.5.0

Is this page helpful?

YesYes NoNo

In this article:

latest version

    • Latest version(10.0.21)
    • Version 10.x
      • Version 10.0.20
    • Version 9.x
      • Version 9.6.40
      • Version 9.6.33
      • Version 9.6.32
      • Version 9.6.31
      • Version 9.6.30
      • Version 9.6.21
      • Version 9.6.20
      • Version 9.6.11
      • Version 9.6.10
      • Version 9.6.2
      • Version 9.6.1
      • Version 9.6.0
      • Version 9.3.1
      • Version 9.3.0
      • Version 9.2.13
      • Version 9.2.12
      • Version 9.2.11
      • Version 9.0.2
      • Version 9.0.1
      • Version 9.0.0
    • Version 8.x
      • Version 8.8.7
      • Version 8.8.5
      • Version 8.8.3
      • Version 8.8.0
      • Version 8.6.3
      • Version 8.6.0
      • Version 8.4.0
      • Version 8.2.5
      • Version 8.2.3
      • Version 8.2.1
      • Version 8.2.0
      • Version 8.1.3
      • Version 8.1.2
      • Version 8.1.0
      • Version 8.0.0
    • Version 7.x
      • Version 7.6.0
      • Version 7.5.0
    Change +