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).