Dynamsoft JavaScript Barcode SDK for Node and Web
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
More: https://github.com/dynamsoft-dbr/javascript-barcode
Online Demo
https://demo.dynamsoft.com/dbr_wasm/barcode_reader_javascript.html
License
Get a FREE 30-day trial license.
Contact Us
https://www.dynamsoft.com/Company/Contact.aspx