From 02a98f0fa4387a8dfc47b9caf4c676a560d9bdac Mon Sep 17 00:00:00 2001
From: Justin-dynamsoft <117710848+Justin-dynamsoft@users.noreply.github.com>
Date: Mon, 7 Sep 2026 14:08:17 +0800
Subject: [PATCH] Preview (#514)
* Update links in the Foundational API Guide to version 11.4.30
* Fix link in "Scan and Search" sample and remove unnecessary image
* Update link for adaptive WASM loading logic in release notes
* Remove unnecessary images from release notes for Barcode Reader JavaScript SDK v10.x
* Fix typos and improve descriptions in documentation files
* Fix typo in barcode type enumeration in captureImage function
* Update release notes and user guide for version 11.6.2000; add new layout analysis utilities and parameters
* Enhance release notes for version 11.6.2000; add DataMatrix color inversion detection, layout analysis utilities, and new enumerations
* Refactor utility documentation structure; categorize classes, interfaces, and enumerations for better clarity
* Reorganize layout analysis parameter link in documentation; move to appropriate section for better accessibility
* Fix parameter reference in AutoDetectColorInversion documentation and update MaxParallelTasks description for clarity
* Clarify optional engine file location specification in documentation; update examples for ES Module and global namespace usage
* Update documentation for version 11.6.2100; include new release notes, fix links, and update example code
* Update documentation for version 11.6.3000; modify script links, add new release notes, and update user guide references
* Update documentation for version 11.6.3000; modify CDN and npm installation links
* Update documentation for version 11.6.3100; modify script links, add new release notes, and update user guide references
* Refactor barcode result handling in user guide; streamline image retrieval and console logging
* Refactor barcode result handling in user guide; simplify result display logic
* Update release notes for version 11.6.3100; correct release date and add compatibility fixes
* Update documentation for version 11.6.3200; modify script links, release notes, and user guide references
* Update release notes for version 11.6.3200; correct release date from 09/04/2026 to 09/07/2026
---
programming/javascript/index.md | 4 +-
.../javascript/migrate-from-v10/index.md | 2 +-
programming/javascript/release-notes/index.md | 1 +
programming/javascript/release-notes/js-11.md | 7 ++
programming/javascript/user-guide/index.md | 76 ++++++++-----------
.../javascript/user-guide/use-in-framework.md | 8 +-
6 files changed, 48 insertions(+), 50 deletions(-)
diff --git a/programming/javascript/index.md b/programming/javascript/index.md
index af8374da..334b31c5 100644
--- a/programming/javascript/index.md
+++ b/programming/javascript/index.md
@@ -27,12 +27,12 @@ Dynamsoft Barcode Reader JavaScript Edition (DBR-JS) enables high-performance ba
```html
-
+
```
```bash
# Or via npm
-npm install dynamsoft-barcode-reader-bundle@11.6.3000
+npm install dynamsoft-barcode-reader-bundle@11.6.3200
```
**Browser support:** Chrome 78+, Firefox 68+, Safari 14+, Edge 79+ (desktop and mobile). See [full system requirements](https://www.dynamsoft.com/faq/barcode-reader/web/capabilities/system-requirement.html).
diff --git a/programming/javascript/migrate-from-v10/index.md b/programming/javascript/migrate-from-v10/index.md
index a9aa901b..27520e26 100644
--- a/programming/javascript/migrate-from-v10/index.md
+++ b/programming/javascript/migrate-from-v10/index.md
@@ -28,7 +28,7 @@ needAutoGenerateSidebar: true
To use version 11, include the following script in your HTML:
```html
-
+
```
## APIs changes introduced in v11
diff --git a/programming/javascript/release-notes/index.md b/programming/javascript/release-notes/index.md
index d26a690c..16eb3705 100644
--- a/programming/javascript/release-notes/index.md
+++ b/programming/javascript/release-notes/index.md
@@ -9,6 +9,7 @@ breadcrumbText: Release Notes
# DBR JavaScript SDK - Release Notes
+- [11.6.3200 (09/07/2026)](js-11.html#1163200-09072026)
- [11.6.3000 (08/25/2026)](js-11.html#1163000-08252026)
- [11.6.2100 (08/18/2026)](js-11.html#1162100-08182026)
- [11.6.2000 (08/13/2026)](js-11.html#1162000-08132026)
diff --git a/programming/javascript/release-notes/js-11.md b/programming/javascript/release-notes/js-11.md
index 0a99c958..081bc55c 100644
--- a/programming/javascript/release-notes/js-11.md
+++ b/programming/javascript/release-notes/js-11.md
@@ -10,6 +10,13 @@ noTitleIndex: true
# Release Notes for Dynamsoft Barcode Reader JavaScript SDK
+## 11.6.3200（09/07/2026）
+
+### Fixed
+
+- Fixed an issue where automatic trial license application would fail in certain scenarios.
+- Fixed known browser compatibility issues with specific iOS versions.
+
## 11.6.3000（08/25/2026）
### Improved
diff --git a/programming/javascript/user-guide/index.md b/programming/javascript/user-guide/index.md
index 2bae3deb..8849795c 100644
--- a/programming/javascript/user-guide/index.md
+++ b/programming/javascript/user-guide/index.md
@@ -48,7 +48,7 @@ The complete code of the "Hello World" example is shown below
-
+
+
```
- UNPKG
```html
-
+
```
@@ -190,9 +188,9 @@ The simplest way to include the SDK is to use either the [jsDelivr](https://jsde
- In frameworks like React, Vue and Angular, you may want to add the package as a dependency.
```sh
- npm i dynamsoft-barcode-reader-bundle@11.6.3000 -E
+ npm i dynamsoft-barcode-reader-bundle@11.6.3200 -E
# or
- yarn add dynamsoft-barcode-reader-bundle@11.6.3000 -E
+ yarn add dynamsoft-barcode-reader-bundle@11.6.3200 -E
```
NOTE that in frameworks, you need to [specify the location of the engine files](#2-optional-specify-the-location-of-the-engine-files).
@@ -205,14 +203,14 @@ Besides using the public CDN, you can also download the SDK and host its files o
- From the website
- [Download Dynamsoft Barcode Reader JavaScript Package](https://www.dynamsoft.com/barcode-reader/downloads/?ver=11.6.30&utm_source=guide&product=dbr&package=js)
+ [Download Dynamsoft Barcode Reader JavaScript Package](https://www.dynamsoft.com/barcode-reader/downloads/?ver=11.6.32&utm_source=guide&product=dbr&package=js)
The resources are located at the path `dynamsoft-barcode-reader-js-{version-number}/dist/`.
- From npm
```sh
- npm i dynamsoft-barcode-reader-bundle@11.6.3000 -E
+ npm i dynamsoft-barcode-reader-bundle@11.6.3200 -E
```
The resources are located at the path `node_modules/`, without `@`. You must copy "dynamsoft-xxx" packages elsewhere and add `@`. The `` can be obtained from `package.json` of each package. Another thing to do is to [specify the engineResourcePaths](#2-optional-specify-the-location-of-the-engine-files) so that the SDK can correctly locate the resources.
@@ -221,7 +219,7 @@ Besides using the public CDN, you can also download the SDK and host its files o
You can typically include SDK like this:
```html
-
+
```
@@ -253,7 +251,7 @@ To enable the SDK's functionality, you must provide a valid license. Utilize the
Dynamsoft.License.LicenseManager.initLicense("DLS2eyJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSJ9");
```
-As previously stated, the key "DLS2eyJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSJ9" serves as a test license valid for 24 hours, applicable to any newly authorized browser. To test the SDK further, you can request a 30-day free trial license via the Request a Trial License link.
+As previously stated, the key "DLS2eyJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSJ9" serves as a test license valid for 24 hours, applicable to any newly authorized browser. To test the SDK further, you can request a 30-day free trial license via the Request a Trial License link.
> Upon registering a Dynamsoft account and obtaining the SDK package from the official website, Dynamsoft will automatically create a 30-day free trial license and embed the corresponding license key into all the provided SDK samples.
@@ -345,12 +343,10 @@ Once the image processing is complete, the results are sent to all the registere
const resultsContainer = document.querySelector("#results");
const resultReceiver = new Dynamsoft.CVR.CapturedResultReceiver();
resultReceiver.onDecodedBarcodesReceived = (result) => {
- if (result.barcodeResultItems?.length) {
- resultsContainer.textContent = '';
- for (let item of result.barcodeResultItems) {
- // In this example, the barcode results are displayed on the page below the video.
- resultsContainer.textContent += `${item.formatString}: ${item.text}\n\n`;
- }
+ resultsContainer.textContent = '';
+ for (let item of result.barcodeResultItems) {
+ // In this example, the barcode results are displayed on the page below the video.
+ resultsContainer.textContent += `${item.formatString}: ${item.text}\n\n`;
}
};
await cvRouter.addResultReceiver(resultReceiver);
@@ -361,12 +357,10 @@ You can also write code like this. It is the same.
```javascript
const resultsContainer = document.querySelector("#results");
await cvRouter.addResultReceiver({ onDecodedBarcodesReceived: (result) => {
- if (result.barcodeResultItems?.length) {
- resultsContainer.textContent = '';
- for (let item of result.barcodeResultItems) {
- // In this example, the barcode results are displayed on the page below the video.
- resultsContainer.textContent += `${item.formatString}: ${item.text}\n\n`;
- }
+ resultsContainer.textContent = '';
+ for (let item of result.barcodeResultItems) {
+ // In this example, the barcode results are displayed on the page below the video.
+ resultsContainer.textContent += `${item.formatString}: ${item.text}\n\n`;
}
}});
```
@@ -452,13 +446,11 @@ await cvRouter.addResultReceiver({
onCapturedResultReceived: (result) => {
//Check for barcode results
let barcodeResultItems = result.items.filter((item) => item.type === EnumCRIT.CRIT_BARCODE);
- if (barcodeResultItems.length > 0) {
- let image = result.items.filter((item) => item.type === EnumCRIT.CRIT_ORIGINAL_IMAGE)[0]?.imageData; // Retrieve the original image.
- if (image) document.body.appendChild(image.toCanvas()); // Append the image to DOM.
- for (let item of barcodeResultItems) {
- // Print each barcode result to the console.
- console.log(`Barcode: ${item.text}, Format: ${item.formatString}`);
- }
+ let image = result.items.filter((item) => item.type === EnumCRIT.CRIT_ORIGINAL_IMAGE)[0]?.imageData; // Retrieve the original image.
+ if (image) document.body.appendChild(image.toCanvas()); // Append the image to DOM.
+ for (let item of barcodeResultItems) {
+ // Print each barcode result to the console.
+ console.log(`Barcode: ${item.text}, Format: ${item.formatString}`);
}
},
});
@@ -540,7 +532,7 @@ await cvRouter.startCapturing("ReadSingleBarcode");
The preset templates have many more settings that can be customized to suit your use case best. If you [download the SDK from Dynamsoft website](https://www.dynamsoft.com/barcode-reader/downloads/1000003-confirmation/), you can find the templates under
-* "/dynamsoft-barcode-reader-js-11.6.3000/dist/templates/"
+* "/dynamsoft-barcode-reader-js-11.6.3200/dist/templates/"
Upon completing the template editing, you can invoke the `initSettings` method and provide it with the template path as an argument.
@@ -608,9 +600,7 @@ The following code snippet adds a "beep" sound for when a barcode is found:
```js
const resultReceiver = new Dynamsoft.CVR.CapturedResultReceiver();
resultReceiver.onDecodedBarcodesReceived = (result) => {
- if (result.barcodeResultItems.length > 0) {
- Dynamsoft.DCE.Feedback.beep();
- }
+ Dynamsoft.DCE.Feedback.beep();
};
await cvRouter.addResultReceiver(resultReceiver);
```
@@ -642,7 +632,7 @@ The UI is part of the auxiliary SDK "Dynamsoft Camera Enhancer", read more on ho
### API Reference
You can check out the detailed documentation about the APIs of the SDK at
-[https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/api-reference/?ver=11.6.3000](https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/api-reference/?ver=11.6.3000).
+[https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/api-reference/?ver=11.6.3200](https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/api-reference/?ver=11.6.3200).