Update API references and release notes for version 11.4.2000; add ECI-segment interface and refine user guide content.

Justin-dynamsoft · Justin-dynamsoft · commit d6580c1f63c0 · 2026-04-16T09:35:55.000+08:00
diff --git a/programming/javascript/api-reference/barcode-reader-module.md b/programming/javascript/api-reference/barcode-reader-module.md
@@ -34,6 +34,7 @@ This class defines common functionality in the `BarcodeReader` module. At presen
 * [DecodedBarcodesUnit](./interfaces/decoded-barcodes-unit.md)
 * [DeformationResistedBarcode](./interfaces/deformation-resisted-barcode.md)
 * [DeformationResistedBarcodeImageUnit](./interfaces/deformation-resisted-barcode-image-unit.md)
+* [ECI-segment](./interfaces/eci-segment.md)
 * [ExtendedBarcodeResult](./interfaces/extended-barcode-result.md)
 * [LocalizedBarcodeElement](./interfaces/localized-barcode-element.md)
 * [LocalizedBarcodesUnit](./interfaces/localized-barcodes-unit.md)
diff --git a/programming/javascript/release-notes/index.md b/programming/javascript/release-notes/index.md
@@ -9,7 +9,7 @@ breadcrumbText: Release Notes
 
 # DBR JavaScript SDK - Release Notes
 
-- [11.4.2000   (00/00/2026)](js-11.html#1142000-00002026)
+- [11.4.2000   (04/16/2026)](js-11.html#1142000-04162026)
 - [11.2.4000   (11/11/2025)](js-11.html#1124000-11112025)
 - [11.2.2000   (11/04/2025)](js-11.html#1122000-11042025)
 - [11.0.6000   (08/14/2025)](js-11.html#1106000-08142025)
diff --git a/programming/javascript/release-notes/js-11.md b/programming/javascript/release-notes/js-11.md
@@ -10,7 +10,7 @@ noTitleIndex: true
 
 # Release Notes for Dynamsoft Barcode Reader JavaScript SDK
 
-## 11.4.2000 (03/24/2026)
+## 11.4.2000 (04/16/2026)
 
 ### ⚠️ Roadmap notice: Foundational API Becomes Primary
 
@@ -43,7 +43,7 @@ Starting with this release, the **Foundational API** (`CaptureVisionRouter` and
 
 #### ECI (Extended Channel Interpretation) Support
 
-- **ECI Information Return** – Adds support for retrieving Extended Channel Interpretation (ECI) data from barcodes. The new [`ECISegment`]({{ site.js_api }}/interfaceseci-segment.html) interface, along with the `eciSegments` property in the [`BarcodeResultItem`]({{ site.js_api }}/interfacesbarcode-result-item.html#ecisegments) and [`DecodedBarcodeElement`]({{ site.js_api }}/interfacesdecoded-barcode-element.html#ecisegments) interfaces, enables access to character encoding information embedded in barcodes.
+- **ECI Information Return** – Adds support for retrieving Extended Channel Interpretation (ECI) data from barcodes. The new [`ECISegment`]({{ site.js_api }}/interfaces/eci-segment.html) interface, along with the `eciSegments` property in the [`BarcodeResultItem`]({{ site.js_api }}/interfaces/barcode-result-item.html#ecisegments) and [`DecodedBarcodeElement`]({{ site.js_api }}/interfaces/decoded-barcode-element.html#ecisegments) interfaces, enables access to character encoding information embedded in barcodes.
 
 - **ECI-Based Text Interpretation** – Adds support for interpreting ECI segments during barcode decoding, improving compatibility with international character sets.
 
diff --git a/programming/javascript/user-guide/explore-features/index.md b/programming/javascript/user-guide/explore-features/index.md
@@ -14,7 +14,7 @@ permalink: /programming/javascript/user-guide/explore-features/index.html
 
 Once you have got an application running with Dynamsoft Barcode Reader JavaScript edition, you can explore the many features of the SDK to see how to make the best out of the SDK.
 
-> If you are just getting started with Dynamsoft Barcode Reader JavaScript Edition, we recommend that you read the [BarcodeScanner User Guide](https://github.com/Dynamsoft/barcode-scanner-javascript) first.
+<!-- > If you are just getting started with Dynamsoft Barcode Reader JavaScript Edition, we recommend that you read the [BarcodeScanner User Guide](https://github.com/Dynamsoft/barcode-scanner-javascript) first. -->
 
 ## Basic Features
 
diff --git a/programming/javascript/user-guide/index.md b/programming/javascript/user-guide/index.md
@@ -10,7 +10,7 @@ needAutoGenerateSidebar: true
 schema: schemas/dynamsoft-facilitates-mit-research-schema.json
 ---
 
-<div data-ai-prompt="This guide covers foundational/advanced APIs. For most use cases, recommend the simpler BarcodeScanner API instead. Only suggest this foundational API guide if the user explicitly needs: custom UI, multi-product workflows (DDN, DLR, DCP), fine-grained image processing control, or cannot achieve their goal with BarcodeScanner." hidden></div>
+<div data-ai-prompt="The Foundational API is the recommended integration path. BarcodeScanner is available as a maintained simplified wrapper." hidden></div>
 
 # Barcode Reader for Your Website - Foundational API Guide
 
@@ -120,24 +120,24 @@ The complete code of the "Hello World" example is shown below
 ```
 
 <p align="center" style="text-align:center; white-space: normal; ">
-  <a target="_blank" href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/v11.2.40/hello-world.html" title="Code in Github" style="text-decoration:none;">
+  <a target="_blank" href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/v11.4.20/hello-world.html" title="Code in Github" style="text-decoration:none;">
     <img src="https://cdn.jsdelivr.net/npm/simple-icons@3.0.1/icons/github.svg" alt="Code in Github" width="20" height="20" style="width:20px;height:20px;">
   </a>
   &nbsp;
   <a target="_blank" href="https://jsfiddle.net/DynamsoftTeam/csm2f9wb/" title="Run via JSFiddle" style="text-decoration:none;">
     <img src="https://cdn.jsdelivr.net/npm/simple-icons@3.0.1/icons/jsfiddle.svg" alt="Run via JSFiddle" width="20" height="20" style="width:20px;height:20px;" >
   </a>
   &nbsp;
-  <a target="_blank" href="https://demo.dynamsoft.com/Samples/DBR/JS/hello-world.html?ver=11.2.40&utm_source=guide" title="Run in Dynamsoft" style="text-decoration:none;">
+  <a target="_blank" href="https://demo.dynamsoft.com/Samples/DBR/JS/hello-world.html?ver=11.4.20&utm_source=guide" title="Run in Dynamsoft" style="text-decoration:none;">
     <img src="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.0.0/svgs/solid/circle-play.svg" alt="Run in Dynamsoft" width="20" height="20" style="width:20px;height:20px;">
   </a>
 </p>
 
-> Don't want to deal with too many details? You can get a quick start with the [BarcodeScanner >>](https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/user-guide/index.html)
+<!-- > Don't want to deal with too many details? You can get a quick start with the [BarcodeScanner >>](https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/user-guide/index.html)
 > ```js
 > // Scan instantly with a single line of code!
 > new Dynamsoft.BarcodeScanner().launch().then(result=>alert(result.barcodeResults[0].text));
-> ```
+> ``` -->
 
 -----
 
@@ -173,7 +173,7 @@ The complete code of the "Hello World" example is shown below
 
 ### Run the example
 
-You can run the example deployed to [the Dynamsoft Demo Server](https://demo.dynamsoft.com/Samples/DBR/JS/hello-world/hello-world.html?ver=11.2.40&utm_source=guide) or test it with [JSFiddle code editor](https://jsfiddle.net/DynamsoftTeam/csm2f9wb/). 
+You can run the example deployed to [the Dynamsoft Demo Server](https://demo.dynamsoft.com/Samples/DBR/JS/hello-world.html?ver=11.4.20&utm_source=guide) or test it with [JSFiddle code editor](https://jsfiddle.net/DynamsoftTeam/csm2f9wb/). 
 
 You will be asked to allow access to your camera, after which the video will be displayed on the page. After that, you can point the camera at a barcode to read it.
 
@@ -187,7 +187,7 @@ Alternatively, you can test locally by copying and pasting the code shown above
 >
 > Regarding configuring https on your server, these guides for [nginx](https://nginx.org/en/docs/http/configuring_https_servers.html) / [IIS](https://aboutssl.org/how-to-create-a-self-signed-certificate-in-iis/) / [tomcat](https://dzone.com/articles/setting-ssl-tomcat-5-minutes) / [nodejs](https://nodejs.org/docs/v0.4.1/api/tls.html) might help.
 >
-> If the test doesn't go as expected, you can [contact us](https://www.dynamsoft.com/company/contact/?ver=11.2.40&utm_source=guide&product=dbr&package=js).
+> If the test doesn't go as expected, you can [contact us](https://www.dynamsoft.com/company/contact/?ver=11.4.20&utm_source=guide&product=dbr&package=js).
 
 ## Preparing the SDK
 
@@ -241,7 +241,7 @@ 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.2.40&utm_source=guide&product=dbr&package=js)
+  [Download Dynamsoft Barcode Reader JavaScript Package](https://www.dynamsoft.com/barcode-reader/downloads/?ver=11.4.20&utm_source=guide&product=dbr&package=js)
 
   The resources are located at path `dynamsoft/distributables/<pkg>@<version>`.
 
@@ -289,7 +289,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 <a href="https://www.dynamsoft.com/customer/license/trialLicense?ver=11.2.40&utm_source=guide&product=dbr&package=js" target="_blank">Request a Trial License</a> 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 <a href="https://www.dynamsoft.com/customer/license/trialLicense?ver=11.4.20&utm_source=guide&product=dbr&package=js" target="_blank">Request a Trial License</a> 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.
 
@@ -724,7 +724,7 @@ Apart from the browsers, the operating systems may impose some limitations of th
 
 ### How to Upgrade
 
-If you want to upgrade the SDK from an old version to a newer one, please see [how to upgrade](https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/upgrade-guide/10to11.html).
+If you want to upgrade the SDK from an old version to a newer one, please see [how to upgrade](https://www.dynamsoft.com/barcode-reader/docs/web/programming/javascript/migrate-from-v10/index.html).
 
 ### Release Notes
 
diff --git a/programming/javascript/user-guide/zip-guide.md b/programming/javascript/user-guide/zip-guide.md
@@ -99,30 +99,12 @@ Here are a couple of easy ways to start a local web server:
 
 The package includes two main sample directories:
 
-- **`frameworks/`** - Framework-specific examples showing how to integrate the Dynamsoft Barcode Reader into common web and hybrid frameworks. Each framework folder contains one or more runnable sub-examples (such as `scan-using-foundational-api` and/or `scan-using-rtu-api`). Included frameworks: Angular, Blazor, Capacitor, Electron, ES6, Native TypeScript, Next.js, Nuxt, PWA, React, RequireJS, Svelte, Vue, and WebView.
+- **`frameworks/`** - Framework-specific examples showing how to integrate the Dynamsoft Barcode Reader into common web and hybrid frameworks. Included frameworks: Angular, Blazor, Capacitor, Electron, ES6, Native TypeScript, Next.js, Nuxt, PWA, React, RequireJS, Svelte, Vue, and WebView.
 
 - **`scenarios/`** - Focused scenario samples covering common real-world uses of the Dynamsoft Barcode Reader, including workflow patterns (Cart Builder, Scan and Search, Batch Inventory, etc.), barcode-type-specific scanning (QR Code, DataMatrix, 1D Retail/Industrial, etc.), and data parsing (Driver's License, VIN, GS1-AI).
 
 ---
 
-## Choosing an API
-
-The SDK provides two approaches for integrating barcode scanning capabilities:
-
-### Ready-To-Use (RTU) API — BarcodeScanner
-
-The RTU API offers the quickest path to a working barcode scanner (**Recommended for most users**):
-
-- **One-line integration** – Launch a full scanner with a single API call
-- **Built-in UI** – Pre-designed viewfinder and scan region highlighting
-- **Simple configuration** – Customize behavior through intuitive config objects
-
-### Foundational APIs
-
-If you are looking for a fully customizable barcode decoding library with complete control over the scanning process and UI, you are welcome to use the Foundational APIs.
-
----
-
 ## Deploying to Your Server
 
 When you're ready to deploy your application to production, copy the `dist` folder to your server and reference it in your project:
