CaptureVision instead of BarcodeScanner

Justin-dynamsoft · Keillion · web-flow · commit fdcea08c175b · 2026-05-13T17:46:37.000+08:00
* update browser compatibility versions in README.md

* PWA caching strategy; iOS pwa fault tolerance;

* cache cros script

* rep clone before used

* Update license information link in read-an-image.html

* Refactor README and HTML titles for clarity and consistency across barcode scanning samples

* CaptureVision instead of BarcodeScanner

* Enhance README with additional configuration details for CaptureVisionRouter

---------

Co-authored-by: Keillion &lt;keillionv@gmail.com&gt;
diff --git a/frameworks/capacitor/README.md b/frameworks/capacitor/README.md
@@ -1,13 +1,13 @@
 # 📦 Scan Single Barcode - Capacitor
 
-This sample demonstrates how to use the `BarcodeScanner` API from the [Dynamsoft Barcode Reader JavaScript SDK](https://www.dynamsoft.com/barcode-reader/sdk-javascript/) in a **Capacitor** app to scan a single barcode using the camera.
+This sample demonstrates how to use the foundational API from the [Dynamsoft Barcode Reader JavaScript SDK](https://www.dynamsoft.com/barcode-reader/sdk-javascript/) in a **Capacitor** app to scan a single barcode using the camera.
 
 We use typescript and rollup inside capacitor for demonstration. You can use any framework you like, or even vanilla javascript.
 
 ## ✨ Features
 
 - Easy integration with pre-built UI
-- Renders barcodeScanner inside a Capacitor container
+- Renders barcode reader inside a Capacitor container
 - Scans one barcode at a time from video
 
 ## 🚀 Quick Start
diff --git a/read-an-image.html b/read-an-image.html
@@ -27,7 +27,7 @@ <h1>Hello World (Read an Image)</h1>
      *
      * You can visit https://www.dynamsoft.com/customer/license/trialLicense?utm_source=samples&product=dbr&package=js to get your own trial license good for 30 days.
      * Note that if you downloaded this sample from Dynamsoft while logged in, the above license key may already be your own 30-day trial license.
-     * For more information, see https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/user-guide/barcode-scanner.html#license&utm_source=samples or contact support@dynamsoft.com.
+     * For more information, see https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/user-guide/index.html#license&utm_source=samples or contact support@dynamsoft.com.
      * LICENSE ALERT - THE END
      */
     Dynamsoft.License.LicenseManager.initLicense("DLS2eyJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSJ9");
diff --git a/scenarios/batch-inventory/README.md b/scenarios/batch-inventory/README.md
@@ -17,7 +17,6 @@ A lightweight demo for batch scanning and simple inventory collection. The sampl
 
 ## 🔧 How it works
 
-- The page creates a BarcodeScanner instance configured for multi-unique capture (SM_MULTI_UNIQUE or equivalent) so duplicate barcodes within the same session are ignored.
 - Scanned values are accumulated in-memory and analyzed to produce session metrics (counts, distribution, duration).
 - Users can stop a session to view the summary, or restart scanning to begin a new session.
 
diff --git a/scenarios/batch-inventory/index.html b/scenarios/batch-inventory/index.html
@@ -4,7 +4,7 @@
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Batch Inventory with BarcodeScanner</title>
+  <title>Batch Inventory</title>
   <link rel="stylesheet" href="./index.css">
   <!-- Include Dynamsoft Barcode Reader Bundle via CDN -->
   <script src="https://cdn.jsdelivr.net/npm/dynamsoft-barcode-reader-bundle@11.4.2001/dist/dbr.bundle.js"></script>
diff --git a/scenarios/cart-builder/README.md b/scenarios/cart-builder/README.md
@@ -9,16 +9,16 @@ A lightweight demo that simulates a shopping experience: scan a barcode and add
 
 ## ✨ Features
 
-- Live camera decoding (1D / 2D) using Dynamsoft BarcodeScanner API
+- Live camera decoding (1D / 2D) using Dynamsoft Capture Vision API
 - Floating, draggable scanner window attached to the page
 - Sessioned scans: each unique scan appends a product to the simulated cart
 - Demo product list (20 dummy products) and simple cart UI with name and price
 
 ## 🔧 How it works
 
-- The page loads the Dynamsoft Barcode Reader bundle and creates a BarcodeScanner instance configured with:
-  - SM_MULTI_UNIQUE scan mode (to prefer unique entries)
-  - a duplicateForgetTime to avoid rapid duplicate captures
+- The page loads the Dynamsoft Barcode Reader bundle and creates a `CaptureVisionRouter` instance configured with:
+  - a result deduplication filter enabled to avoid rapid duplicate captures
+  - a cross verification filter enabled to provide more reliable results
   - a scanner UI mounted into a floating container
 - When a unique barcode is detected, the sample maps the scan to a random demo product, appends it to the in‑memory cart, and refreshes the cart display.
 - The floating scanner can be dragged around the viewport and is hidden when not in use.
@@ -41,4 +41,4 @@ Opening HTML files directly may not work as expected. Instead, run a local devel
 
 - This is a front‑end prototype intended for demo and UX testing only.
 - Replace the license key with a valid Dynamsoft license for production/testing beyond the included trial behavior.
-- See the repository root `README.md` for running instructions, trial licenses and API documentation links.
+- See the repository root `README.md` for running instructions, trial licenses and API documentation links.
diff --git a/scenarios/pick-one-to-fill/index.html b/scenarios/pick-one-to-fill/index.html
@@ -4,7 +4,7 @@
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Pick One To Fill with BarcodeScanner</title>
+  <title>Pick One To Fill</title>
   <link rel="stylesheet" href="./index.css">
   <!-- Include Dynamsoft Barcode Reader Bundle via CDN -->
   <script src="https://cdn.jsdelivr.net/npm/dynamsoft-barcode-reader-bundle@11.4.2001/dist/dbr.bundle.js"></script>
diff --git a/scenarios/scan-1D-Industrial/README.md b/scenarios/scan-1D-Industrial/README.md
@@ -15,7 +15,7 @@ A focused demo for decoding industrial-strength 1D barcodes (high-density, damag
 
 ## 🔧 How it works
 
-- The page initializes a BarcodeScanner instance with settings optimized for industrial 1D symbols (longer decode windows, direction tolerance, damage-tolerance options).  
+- The page initializes a `CaptureVisionRouter` instance with settings optimized for industrial 1D symbols (longer decode windows, direction tolerance, damage-tolerance options).  
 - Decoder parameters are loaded from `ReadOneDIndustrial.json` so you can tweak thresholds, expected symbologies, and scan regions without changing application code.  
 - The UI accepts live camera input and shows decoded results.
 
diff --git a/scenarios/scan-and-search/index.html b/scenarios/scan-and-search/index.html
@@ -4,7 +4,7 @@
 <head>
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Scan & Search with BarcodeScanner</title>
+  <title>Scan & Search</title>
   <link rel="stylesheet" href="./index.css">
   <!-- Include Dynamsoft Barcode Reader Bundle via CDN -->
   <script src="https://cdn.jsdelivr.net/npm/dynamsoft-barcode-reader-bundle@11.4.2001/dist/dbr.bundle.js"></script>
diff --git a/scenarios/scan-dpm-codes/README.md b/scenarios/scan-dpm-codes/README.md
@@ -16,7 +16,7 @@ A focused demo for decoding **Direct Part Mark (DPM)** barcodes from camera vide
 
 ## 🔧 How it works
 
-- The demo initializes a `BarcodeScanner` instance and loads `ReadDPM.json` via `templateFilePath`, activating DPM-optimized localization and decoding parameters.  
+- The demo initializes a `CaptureVisionRouter` instance and loads `ReadDPM.json` via `templateFilePath`, activating DPM-optimized localization and decoding parameters.  
 - A centered scan region is set via `cameraEnhancer.setScanRegion()` to reduce noise from surrounding surfaces.  
 - Decoded results are surfaced through the standard `launch()` callback; configuration can be tuned via `ReadDPM.json` without changing application code.
 

Original file line number	Diff line number	Diff line change
`@@ -27,7 +27,7 @@ <h1>Hello World (Read an Image)</h1>`
`27`	`27`	`*`
`28`	`28`	`* You can visit https://www.dynamsoft.com/customer/license/trialLicense?utm_source=samples&product=dbr&package=js to get your own trial license good for 30 days.`
`29`	`29`	`* Note that if you downloaded this sample from Dynamsoft while logged in, the above license key may already be your own 30-day trial license.`
`30`		`- * For more information, see https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/user-guide/barcode-scanner.html#license&utm_source=samples or contact support@dynamsoft.com.`
	`30`	`+ * For more information, see https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/user-guide/index.html#license&utm_source=samples or contact support@dynamsoft.com.`
`31`	`31`	`* LICENSE ALERT - THE END`
`32`	`32`	`*/`
`33`	`33`	`Dynamsoft.License.LicenseManager.initLicense("DLS2eyJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSJ9");`