This repository contains multiple samples that demonstrates how to use the Dynamsoft Barcode Reader JavaScript Edition.

Get the basic features of the library working with plain/native JavaScript or within a framework like Angular, React or Vue, etc.

• Hello World: Minimum necessary JavaScript code to get the BarcodeScanner (video) up and running.
• Read an Existing Image: Decode barcodes using images that are stored locally, whether on mobile or desktop.
• Hello World in Angular: Decode video stream in an Angular Application from a USB-connected or built-in camera (mobile or desktop).
• Hello World in React: Decode video stream in a React Application from a USB-connected or built-in camera (mobile or desktop).
• Hello World in Vue 2: Decode video stream in a Vue 2 Application from a USB-connected or built-in camera (mobile or desktop).
• Hello World in Vue 3: Decode video stream in a Vue 3 Application from a USB-connected or built-in camera (mobile or desktop).
• Hello World in Next.js: Decode video stream in a Next.js Application from a USB-connected or built-in camera (mobile or desktop).
• Hello World in Nuxt: Decode video stream in a Nuxt Application from a USB-connected or built-in camera (mobile or desktop).
• Hello World in Electron: Decode video stream in a Electron Application from a USB-connected or built-in camera (desktop only).
• Hello World in PWA: Decode video stream in a PWA Application from a USB-connected or built-in camera (mobile or desktop).
• Hello World with RequireJS: Decode video stream in a simple Application using RequireJS from a USB-connected or built-in camera (mobile or desktop).
• Hello World with ES6: Decode video stream in a simple Application using ES6 from a USB-connected or built-in camera (mobile or desktop).

• Use the Default Camera UI: Show the default camera UI to decode video stream from a USB-connected or built-in camera (mobile or desktop).
• Hide Display Controls: Hide built-in UI elements (camera selection, resolution selection, etc.) and show only the video stream.
• Set up External Controls: Use custom controllers to manipulate the Camera UI.
• Changing Size of Video Viewer: Enlarge the video stream temporarily to read a barcode.
• Customize the Camera UI: Show the custom camera UI to decode video stream from a USB-connected or built-in camera (mobile or desktop).

How to configure different settings of the library.

• Formats and Count: Set the barcode formats and control the number of barcodes to read per image/frame.
• Localization and Binarization: Set how localization and binarization are done during barcode decoding.
• Blurry or Small codes: Set DeblurModes and ScaleUpModes for decoding blurry or small barcodes.
• Deformed or Incomplete codes: Set DeformationResistingModes or BarcodeComplementModes for decoding deformed or incomplete barcodes.
• Define or Detect the Region: Set the region of interest manually or regionPredetectionModes to speed up the reading process.

Use cases of the library.

• Read Video and Fill a Form: Read barcodes to fill a form.
• Read a Driver's License: Read the PDF417 barcode on a driver's license (AAMVA compliant) and parse it.

• Debug: Collect the actual image frames for debugging purposes.

If you have any questions, feel free to contact Dynamsoft support via email or live chat via the "Let's Chat" button.