add readme for new samples

Author: a362758199

README.md

@@ -47,6 +47,8 @@ Get the basic features working with plain/native JavaScript or within a framewor
 
 * [**Scan Single Barcode**](https://github.com/Dynamsoft/barcode-reader-javascript-samples/tree/main/barcode-scanner-api-samples/scan-single-barcode/hello-world.html) - [run↗](https://demo.dynamsoft.com/samples/dbr/js/barcode-scanner-api-samples/scan-single-barcode/hello-world.html?utm_source=sampleReadme): Scan single barcode from video stream with minimum code in JavaScript.
 * [**Scan And Search**](https://github.com/Dynamsoft/barcode-reader-javascript-samples/tree/main/barcode-scanner-api-samples/scan-single-barcode/scan-and-search.html) - [run↗](https://demo.dynamsoft.com/samples/dbr/js/barcode-scanner-api-samples/scan-single-barcode/scan-and-search.html?utm_source=sampleReadme): Scan a barcode to retrieve the relevant product information from the database in JavaScript.
+* [**Pick One to Fill**](https://github.com/Dynamsoft/barcode-reader-javascript-samples/tree/main/barcode-scanner-api-samples/scan-single-barcode/pick-one-to-fill/index.html) - [run↗](https://demo.dynamsoft.com/samples/dbr/js/barcode-scanner-api-samples/scan-single-barcode/pick-one-to-fill/index.html?utm_source=sampleReadme): Pick one and auto-fill fields by simply opening the camera and scanning a group of barcodes.
+* [**Use Customized Template**](https://github.com/Dynamsoft/barcode-reader-javascript-samples/tree/main/barcode-scanner-api-samples/scan-single-barcode/use-customized-template/index.html) - [run↗](https://demo.dynamsoft.com/samples/dbr/js/barcode-scanner-api-samples/scan-single-barcode/use-customized-template/index.html?utm_source=sampleReadme): Use different customized templates for scanning various barcode types.
 * [**Hello World in Angular**](https://github.com/Dynamsoft/barcode-reader-javascript-samples/tree/main/barcode-scanner-api-samples/scan-single-barcode/angular): Read single barcode from camera in an Angular application.
 * [**Hello World in React**](https://github.com/Dynamsoft/barcode-reader-javascript-samples/tree/main/barcode-scanner-api-samples/scan-single-barcode/react): Read single barcode from camera in a React application.
 * [**Hello World in Vue**](https://github.com/Dynamsoft/barcode-reader-javascript-samples/tree/main/barcode-scanner-api-samples/scan-single-barcode/vue): Read single barcode from camera in a Vue application.
@@ -55,6 +57,7 @@ Get the basic features working with plain/native JavaScript or within a framewor
 
 * [**Scan Multiple Barcodes**](https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/main/barcode-scanner-api-samples/scan-multiple-barcodes/hello-world.html) - [run↗](https://demo.dynamsoft.com/samples/dbr/js/barcode-scanner-api-samples/scan-multiple-barcodes/hello-world.html?utm_source=sampleReadme): Scan barcodes from video stream with minimum code in JavaScript.
 * [**Cart Builder**](https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/main/barcode-scanner-api-samples/scan-multiple-barcodes/cart-builder.html) - [run↗](https://demo.dynamsoft.com/samples/dbr/js/barcode-scanner-api-samples/scan-multiple-barcodes/cart-builder.html?utm_source=sampleReadme): Simulates a shopping experience where users scan barcodes to add items to a dynamic cart in JavaScript.
+* [**Batch Inventory**](https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/main/barcode-scanner-api-samples/scan-multiple-barcodes/batch-inventory/index.html) - [run↗](https://demo.dynamsoft.com/samples/dbr/js/barcode-scanner-api-samples/scan-multiple-barcodes/batch-inventory/index.html?utm_source=sampleReadme): An inventory management tool scan barcodes in batches and provide real-time analysis of the scanned data.
 
 ### Foundational API samples
 
@@ -83,6 +86,7 @@ Get the basic features of the library working with plain/native JavaScript or wi
 * [**Read a Driver's License**](https://github.com/Dynamsoft/barcode-reader-javascript-samples/tree/main/foundational-api-samples/use-case/read-a-drivers-license/index.html) - [run↗](https://demo.dynamsoft.com/samples/dbr/js/foundational-api-samples/use-case/read-a-drivers-license/index.html?utm_source=sampleReadme): Read the PDF417 barcode on a driver's license (AAMVA compliant) and parse it.
 * [**Show Result Texts on the Video**](https://github.com/Dynamsoft/barcode-reader-javascript-samples/tree/main/foundational-api-samples/use-case/show-result-texts-on-the-video.html) - [run↗](https://demo.dynamsoft.com/samples/dbr/js/foundational-api-samples/use-case/show-result-texts-on-the-video.html?utm_source=sampleReadme): Read barcodes via camera and show result texts on the video.
 * [**Locate an Item with Barcode**](https://github.com/Dynamsoft/barcode-reader-javascript-samples/tree/main/foundational-api-samples/use-case/locate-an-item-with-barcode/index.html) - [run↗](https://demo.dynamsoft.com/samples/dbr/js/foundational-api-samples/use-case/locate-an-item-with-barcode/index.html?utm_source=sampleReadme): Find a specific item in a large collection by scanning its unique barcode
+* [**Read and Parse GS1-AI**](https://github.com/Dynamsoft/barcode-reader-javascript-samples/tree/main/foundational-api-samples/use-case/read-and-parse-GS1-AI/index.html) - [run↗](https://demo.dynamsoft.com/samples/dbr/js/foundational-api-samples/use-case/read-and-parse-GS1-AI/index.html?utm_source=sampleReadme): Read GS1 Application Identifier (AI) barcode and parse its structured data.
 
 ***Others***
 

barcode-scanner-api-samples/scan-multiple-barcodes/README.md

@@ -68,6 +68,40 @@ The UI features a "Scan Barcode" button, a styled cart, and basic interactivity
 
 A list of 20 dummy products is used, with each scan randomly adding a product to the cart showing its name, shortened barcode, and price.
 
+## 🛒 3. Batch inventory
+
+This project is a simple web-based inventory management tool that uses `BarcodeScanner` to scan barcodes in batches and provide real-time analysis of the scanned data.
+
+### ✨ Features
+
+- Automatically deduplicate barcodes in each session
+
+- Show session summary:
+  - Total unique barcodes
+  - Barcode type distribution
+  - Session duration
+
+- Track duration of each scan session
+
+### 🔧 How It Works
+
+- The scanner is embedded using `BarcodeScanner` with `SM_MULTI_UNIQUE` mode to capture unique barcodes.
+
+- Once the scan completes, the results are analyzed.
+
+- You can click the back arrow to restart scanning.
+
+### 📌 Notes
+
+- The barcode value must be unique, otherwise it won’t be counted.
+
+- Applicable scenarios may include:
+
+  - Warehouse inventory checks
+  - Retail stock intake
+  - Barcode-based asset tracking
+  - Batch QR code scanning
+
 ## 📄 See other BarcodeScanner samples
 
 Multiple samples are provided for single barcode scanning. These samples can be easily adapted to scan multiple unique barcodes by simply updating the `config` object.

barcode-scanner-api-samples/scan-single-barcode/README.md

@@ -1,4 +1,4 @@
-# 📦 Scan Single Barcode 
+# 📦 Scan Single Barcode
 
 ## 🚀 1.Hello World
 
@@ -43,7 +43,7 @@ barcodeScanner.launch();
 
 ## 🛒 2. Scan and Search
 
-This simple demonstrates how to use the `BarcodeScanner` API from the [Dynamsoft Barcode Reader JavaScript SDK](https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/) to scan a product barcode and simulate a search from a product database.
+This simple demonstrates how to use the `BarcodeScanner` API to scan a product barcode and simulate a search from a product database.
 
 ### ✨ Features
 
@@ -52,7 +52,7 @@ This simple demonstrates how to use the `BarcodeScanner` API from the [Dynamsoft
 - Displays mock product data as search results
 - Responsive UI with modern styling
 
-### 🔧 How It Works
+### 🔄 Sample Usage Flow
 
 1. Click the Scan button to launch the barcode scanner.
 2. Once a barcode is detected, its value is displayed along with placeholder product information.
@@ -64,6 +64,68 @@ This simple demonstrates how to use the `BarcodeScanner` API from the [Dynamsoft
 - No real backend is connected in this demo; results are mocked.
 - You can integrate with a real product API by replacing the placeholder content in the searchResult.value.
 
+## 📷 3. Pick One To Fill
+
+A web-based form-filling utility that uses the `BarcodeScanner` to scan and auto-fill fields by simply opening the camera and scanning a barcode.
+
+### ✨ Features
+
+- Field-specific Camera Activation
+Open the camera individually for different fields.
+
+- Manual control when to start decoding
+Start decoding manually after aiming at the target to reduce the risk of misreads and missed barcodes.
+
+- Auto-Fill with Scan Result
+Automatically populates input fields with scanned barcode values.
+
+### 🔄 Sample Usage Flow
+
+1. Click the "Open Camera" button to activate the camera.
+
+2. Aim at the sample image shown below.
+
+3. Click the "Decode" button to start barcode recognition.
+
+4. If only one barcode is detected, its value will be automatically filled into the corresponding field.
+   If multiple barcodes are detected, the video stream will freeze, and you’ll need to manually select one from the decoded results to fill in.
+
+### 📌 Notes
+
+- This usage is especially suitable for scenarios with densely packed barcodes, where secondary confirmation or manual selection is highly needed.
+- You can find a sample reference image in `./pick-one-to-fill/`.
+
+## 🎥 4. Use Customized Template
+
+This is a sample web application demonstrating how to use the `BarcodeScanner` with different customized templates for scanning various barcode types.
+
+It allows users to dynamically select a scanning template (e.g., DPM, Dot Code, OneD Retail, OneD Industrial), and launch a camera-based barcode scanner accordingly.
+
+### ✨ Features
+
+- Support for custom barcode scanning templates using local JSON files.
+
+- Easily switch between different template configurations.
+
+### 🔄 Sample Usage Flow
+
+1. Open the HTML file in a browser. The app will automatically initialize the scanner using the ReadDPM template.
+
+2. Choose from the available templates:
+    - Direct Part Marking (DPM)
+    - Dot Code
+    - OneD Retail
+    - OneD Industrial
+
+    Scanner Loads with Selected Template. When a new template is selected, the scanner is re-initialized using the corresponding .json file.
+
+3. Point your camera at a barcode matching the selected template type. A popup alert will display the result upon successful detection.
+
+### 📌 Notes
+
+- The scanner is disposed and recreated every time a different template is selected, ensuring the correct settings are applied.
+- You can find sample images in `./use-customized-template/`.
+
 ## 📄 See other BarcodeScanner samples
 
 * [**Hello World in Angular**](https://github.com/Dynamsoft/barcode-reader-javascript-samples/tree/main/barcode-scanner-api-samples/scan-single-barcode/angular): Read single barcode from camera in an Angular application.

barcode-scanner-api-samples/scan-single-barcode/pick-one-to-fill/package-label.png

@@ -18,7 +18,7 @@ The following official sample shows how to use the SDK to read and extract drive
 
 Also, see [Driver's License Scanner SDK for Mobile and Web](https://www.dynamsoft.com/use-cases/driver-license/).
 
-## Read barcodes via camera and show result texts on the video
+## Read Barcodes via Camera and Show Result Texts on the Video
 
 When the SDK picks up a barcode in a video stream, it will automatically highlight it with a built-in style. But it is also possible to show the barcode text on the video with the help of the function `convertToPageCoordinates()` or `convertToClientCoordinates()`.
 
@@ -38,6 +38,14 @@ Additionally, this sample demonstrates how to utilize the SDK to fill out form f
 * <a target = "_blank" href="https://demo.dynamsoft.com/Samples/DBR/JS/foundational-api-samples/use-case/locate-an-item-with-barcode/index.html">Locate an Item with Barcode - Demo</a>
 * <a target = "_blank" href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/main/foundational-api-samples/use-case/locate-an-item-with-barcode/index.html">Locate an Item with Barcode - Source Code</a>
 
+## Read the GS1-AI Barcode and Parse it
+
+GS1-AI barcodes contain standardized information such as product ID (GTIN), expiration date, batch/lot number, and more, encoded using specific Application Identifiers (AIs).
+
+This sample demonstrates how to scan a GS1 Application Identifier (AI) barcode using the Dynamsoft Barcode Reader SDK and parse its structured data.
+
+* <a target = "_blank" href="https://demo.dynamsoft.com/Samples/DBR/JS/foundational-api-samples/use-case/read-and-parse-GS1-AI/index.html">Read the GS1-AI Barcode and Parse It - Demo</a>
+* <a target = "_blank" href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/main/foundational-api-samples/use-case/read-and-parse-GS1-AI/index.html">Read the GS1-AI Barcode and Parse It - Source Code</a>
 
 ## Support