Dynamsoft Barcode Reader JavaScript Edition
Dynamsoft Barcode Reader JavaScript Edition (DBR-JS) enables high-performance barcode scanning directly in web browsers—no native app required. Users simply visit your website and start scanning.
Why choose the JavaScript Edition?
- Zero installation – Works instantly in any modern browser on desktop or mobile
- Cross-platform – One codebase runs on Windows, macOS, iOS, Android, and more
- Production-ready – Battle-tested in enterprise applications worldwide
Supported barcode formats: QR Code, Data Matrix, PDF417, Aztec, MaxiCode, Code 128, Code 39, EAN-13, UPC-A, GS1 DataBar, and 50+ more.
Installation:
<!-- CDN -->
<script src="https://cdn.jsdelivr.net/npm/dynamsoft-barcode-reader-bundle@11.2.4000/dist/dbr.bundle.js"></script>
# Or via npm
npm install dynamsoft-barcode-reader-bundle@11.2.4000
Browser support: Chrome 78+, Firefox 68+, Safari 14+, Edge 79+ (desktop and mobile). See full system requirements.
BarcodeScanner – One Line of Code
BarcodeScanner is a ready-to-use class that combines barcode decoding with camera control and UI—all in one. Add barcode scanning to your website with a single line of code:
new Dynamsoft.BarcodeScanner().launch().then(result=>alert(result.barcodeResults[0].text));
The above uses a public trial license. For production, get your own 30-day FREE trial license and pass it via
new Dynamsoft.BarcodeScanner({license: "YOUR_LICENSE_KEY"}).
That’s it. The BarcodeScanner class handles everything:
- Camera access – Automatic device selection, permissions, and video streaming
- UI rendering – Built-in viewfinder with scan region highlighting
- Lifecycle management – Start, pause, resume, and cleanup handled for you
This is the recommended way to use DBR-JS for most applications. For advanced use cases requiring custom UI or integration with other Dynamsoft products, there’s also a lower-level Foundational API.
Next Step
| Approach | Best For | Guide |
|---|---|---|
| Quick Start | Most users – get scanning in minutes with built-in UI | BarcodeScanner Guide |
| Full Control | Custom UI, multi-product workflows, or advanced tuning | Foundational API Guide |
Not sure which to choose? Start with BarcodeScanner – you can always switch later. Or contact us to discuss your use case.
Yes
No