Thanks for downloading Dynamsoft Barcode Reader Package!
Your download will start shortly. If your download does not begin, click here to retry.
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/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/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:
Yes
No