This repository contains multiple samples that demonstrates how to use the Dynamsoft Barcode Reader JavaScript Edition for creating web-based barcode scanning applications.
Since the repository has a lot of history, it is slow to clone directly. Please download the zip/tar.gz, or use the --depth 1 to clone the code.
git clone https://github.com/Dynamsoft/barcode-reader-javascript-samples.git --depth 1
A default license is included which allows you to test the sample apps for up to 24 hours. You can request a 30-day trial license via Dynamsoft website to evaluate further.
For the developer guide and full API reference of Dynamsoft Barcode Reader JavaScript library, please check out the documentation.
If you have any questions, feel free to contact Dynamsoft support.
Get the basic features of the library working with plain/native JavaScript or within a framework like Angular, React or Vue, etc.
- Hello World: Scan barcodes from video stream with minimum code in JavaScript.
- Read an Image: Decode barcodes from images in mobile album or desktop file system.
- Hello World in Angular: Read barcodes from camera and images in an Angular application.
- Hello World in Blazor: Read barcodes from camera and images in a Blazor application.
- Hello World in React: Read barcodes from camera and images in a React application.
- Hello World in React using Hooks: Read barcodes from camera and images in a React application and use the Hooks charactor of React.
- Hello World in Vue: Read barcodes from camera and images in a Vue 3 application.
- Hello World in Next.js: Read barcodes from camera and images in a Next.js application.
- Hello World in Nuxt: Read barcodes from camera and images in a Nuxt application.
- Hello World in Electron: Read barcodes from camera and images in a Electron application.
- Hello World in PWA: Decode video stream in a PWA application from a webcam or a built-in camera.
- Hello World with RequireJS: Decode video stream in an application using RequireJS from a webcam or a built-in camera.
- Hello World with ES6: Decode video stream in an application using ES6 from a webcam or a built-in camera.
- Hello World in WebView: Decode video stream in an application in WebView from camera.
- 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.
- Show Result Texts on the Video: Read barcodes via camera and show result texts on the video.
- Locate an Item with Barcode: Find a specific item in a large collection by scanning its unique barcode
- Debug: Collect the actual image frames for debugging purposes.
- Official Online Demo: Official demo for Dynamsoft Barcode Reader JavaScript Edition (written in Vue). Take our barcode scanner demo and see how it works in different modes!