Skip to content

index.md

Latest commit

 

History

History
76 lines (53 loc) · 3.83 KB

index.md

File metadata and controls

76 lines (53 loc) · 3.83 KB
layout default-layout
title Introduction - Dynamsoft Barcode Reader JavaScript Edition
description Dynamsoft Barcode Reader JavaScript SDK - Add barcode scanning to your website with minimal code using the BarcodeScanner API.
keywords javascript, js, barcode scanner, web barcode reader
needAutoGenerateSidebar true
needGenerateH3Content true
noTitleIndex true
breadcrumbText JavaScript

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));

Try it live on JSFiddle →

Note

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.

See Also