update to internal commit bbb91c45

DMGithubPublisher · DMGithubPublisher · commit 8e688229eef9 · 2025-09-17T16:52:29.000+08:00
diff --git a/programming/javascript/api-reference/barcode-scanner.md b/programming/javascript/api-reference/barcode-scanner.md
@@ -165,67 +165,67 @@ interface BarcodeScannerConfig {
 **Code Snippet**
 
 ```html
-<body>
-    <div id="camera-view-container" style="width: 100%; height: 80vh"></div>
-    <script>
-      const barcodeScannerConfig = {
-        license: "YOUR_LICENSE_KEY_HERE",
-        // Defines scan behavior:
-        //   - SM_MULTI_UNIQUE: Keeps scanning and continuously collecting unique decoded barcode results.
-        //   - SM_SINGLE: Scans once a result is found.
-        scanMode: Dynamsoft.EnumScanMode.SM_MULTI_UNIQUE,
-        // The path to your custom JSON template that defines the scanning process.
-        templateFilePath:'./DBR-PresetTemplates.json',
-        // engineResourcePaths typically is only assigned when using a framework like React/Angular/Vue where the resources are not in the same location as the script reference.
-        engineResourcePaths: {rootDirectory:"https://cdn.jsdelivr.net/npm/dynamsoft-barcode-reader-bundle@11.0.6000/dist"},
-        barcodeFormats: [Dynamsoft.DBR.EnumBarcodeFormat.BF_QR_CODE , Dynamsoft.DBR.EnumBarcodeFormat.BF_CODE_128],
-        showPoweredByDynamsoft: false,
-        duplicateForgetTime: 3000,
-        showUploadImageButton: true,
-        autoStartCapturing: true,
-        // The container for rendering the scanner and/or result view. Note that ResultView is only valid for SM_MULTI_UNIQUE mode. If not specified, a full-viewport default UI will be created.
-        container: "#camera-view-container",
-        scannerViewConfig: {
-          // The ResultViewConfig goes in here - see ResultViewConfig section
-        },
-        resultViewConfig: {
-          // The ResultViewConfig goes in here - see ResultViewConfig section
-        },
-        onUniqueBarcodeScanned: (result) => {
-          // Do something with the result
-        },
-        onInitPrepare: () => {
-          // Do something before the barcodeScanner initialized
-        },
-        onInitReady: (components) => {
-          // Do something with the foundational components
-          // Set the scan laser to be visible in cameraView
-          components.cameraView.setScanLaserVisible(true);
-          // Set the zoom factor to 3
-          components.cameraEnhancer.setZoom({
-             factor: 3
-          });
-          // Set the scan region to a rectangle with percentage values by cameraEnhancer
-          let region = {
-            "x": 0,
-            "y": 20,
-            "width": 100,
-            "height": 60,
-            "isMeasuredInPercentage": true
-          };
-          components.cameraEnhancer.setScanRegion(region);
-        },
-        onCameraOpen: (components) => {
-          // Do something with the foundational components when the camera is successfully opened for the first time or after each camera switch
-        },
-        onCaptureStart: (components) => {
-          // Do something with the foundational components when the capture process begins
-        },
+<div id="camera-view-container" style="width: 100%; height: 80vh"></div>
+<script>
+  const barcodeScannerConfig = {
+    license: "YOUR_LICENSE_KEY_HERE",
+    // Defines scan behavior:
+    //   - SM_MULTI_UNIQUE: Keeps scanning and continuously collecting unique decoded barcode results.
+    //   - SM_SINGLE: Scans once a result is found.
+    scanMode: Dynamsoft.EnumScanMode.SM_MULTI_UNIQUE,
+    // The path to your custom JSON template that defines the scanning process.
+    templateFilePath:'./DBR-PresetTemplates.json',
+    // engineResourcePaths typically is only assigned when using a framework like React/Angular/Vue where the resources are not in the same location as the script reference.
+    engineResourcePaths: {rootDirectory:"https://cdn.jsdelivr.net/npm/"},
+    // path to the UI file
+    uiPath: "https://cdn.jsdelivr.net/npm/dynamsoft-barcode-reader-bundle@11.0.6000/dist/ui/barcode-scanner.ui.xml",
+    barcodeFormats: [Dynamsoft.DBR.EnumBarcodeFormat.BF_QR_CODE , Dynamsoft.DBR.EnumBarcodeFormat.BF_CODE_128],
+    showPoweredByDynamsoft: false,
+    duplicateForgetTime: 3000,
+    showUploadImageButton: true,
+    autoStartCapturing: true,
+    // The container for rendering the scanner and/or result view. Note that ResultView is only valid for SM_MULTI_UNIQUE mode. If not specified, a full-viewport default UI will be created.
+    container: "#camera-view-container",
+    scannerViewConfig: {
+      // The ResultViewConfig goes in here - see ResultViewConfig section
+    },
+    resultViewConfig: {
+      // The ResultViewConfig goes in here - see ResultViewConfig section
+    },
+    onUniqueBarcodeScanned: (result) => {
+      // Do something with the result
+    },
+    onInitPrepare: () => {
+      // Do something before the barcodeScanner initialized
+    },
+    onInitReady: (components) => {
+      // Do something with the foundational components
+      // Set the scan laser to be visible in cameraView
+      components.cameraView.setScanLaserVisible(true);
+      // Set the zoom factor to 3
+      components.cameraEnhancer.setZoom({
+         factor: 3
+      });
+      // Set the scan region to a rectangle with percentage values by cameraEnhancer
+      let region = {
+        "x": 0,
+        "y": 20,
+        "width": 100,
+        "height": 60,
+        "isMeasuredInPercentage": true
       };
-      // Initialize the BarcodeScanner with the above BarcodeScannerConfig object
-      const barcodeScanner = new Dynamsoft.BarcodeScanner(barcodeScannerConfig);
-    </script>
-</body>
+      components.cameraEnhancer.setScanRegion(region);
+    },
+    onCameraOpen: (components) => {
+      // Do something with the foundational components when the camera is successfully opened for the first time or after each camera switch
+    },
+    onCaptureStart: (components) => {
+      // Do something with the foundational components when the capture process begins
+    },
+  };
+  // Initialize the BarcodeScanner with the above BarcodeScannerConfig object
+  const barcodeScanner = new Dynamsoft.BarcodeScanner(barcodeScannerConfig);
+</script>
 ```
 
 ### ScannerViewConfig
diff --git a/programming/javascript/user-guide/index.md b/programming/javascript/user-guide/index.md
@@ -115,7 +115,7 @@ The complete code of the "Hello World" example is shown below
     cvRouter.setInput(cameraEnhancer);
 
     const resultsContainer = document.querySelector("#results");
-    cvRouter.addResultReceiver({ onDecodedBarcodesReceived: (result) => {
+    cvRouter.addResultReceiver({ onCapturedResultReceived: (result) => {
       if (result.barcodeResultItems?.length) {
         resultsContainer.textContent = '';
         for (let item of result.barcodeResultItems) {
@@ -397,13 +397,13 @@ cvRouter.setInput(cameraEnhancer);
 
 ### Step 4: Register a result receiver
 
-Once the image processing is complete, the results are sent to all the registered `CapturedResultReceiver` objects. Each `CapturedResultReceiver` object may encompass one or multiple callback functions associated with various result types. This time we use `onDecodedBarcodesReceived`:
+Once the image processing is complete, the results are sent to all the registered `CapturedResultReceiver` objects. Each `CapturedResultReceiver` object may encompass one or multiple callback functions associated with various result types. This time we use `onCapturedResultReceived`:
 <!--In our particular case, our focus is on identifying barcodes within the images, so it's sufficient to define the callback function `onDecodedBarcodesReceived`:-->
 
 ```javascript
 const resultsContainer = document.querySelector("#results");
 const resultReceiver = new Dynamsoft.CVR.CapturedResultReceiver();
-resultReceiver.onDecodedBarcodesReceived  = (result) => {
+resultReceiver.onCapturedResultReceived = (result) => {
   if (result.barcodeResultItems?.length) {
     resultsContainer.textContent = '';
     for (let item of result.barcodeResultItems) {
@@ -419,7 +419,7 @@ You can also write code like this. It is the same.
 
 ```javascript
 const resultsContainer = document.querySelector("#results");
-cvRouter.addResultReceiver({ onDecodedBarcodesReceived: (result) => {
+cvRouter.addResultReceiver({ onCapturedResultReceived: (result) => {
   if (result.barcodeResultItems?.length) {
     resultsContainer.textContent = '';
     for (let item of result.barcodeResultItems) {
@@ -505,7 +505,7 @@ Please be aware that it is necessary to update the `CapturedResultReceiver` obje
 
 ```javascript
 const EnumCRIT = Dynamsoft.Core.EnumCapturedResultItemType;
-resultReceiver.onDecodedBarcodesReceived = (result) => {
+resultReceiver.onCapturedResultReceived = (result) => {
   if (result.barcodeResultItems?.length) {
     // Use a filter to get the image on which barcodes are found.
     let image = result.items.filter(
