diff --git a/1.hello-world/1.hello-world.html b/1.hello-world/1.hello-world.html
index 0a07f920..60ace8d7 100644
--- a/1.hello-world/1.hello-world.html
+++ b/1.hello-world/1.hello-world.html
@@ -12,7 +12,7 @@
 
 <body>
     Loading...
-    <script src="https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.2.13/dist/dbr.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.3.0/dist/dbr.js"></script>
     <script>
         /** LICENSE ALERT - README 
          * To use the library, you need to first specify a license key using the API "license" as shown below.
@@ -23,7 +23,7 @@
         /** 
          * You can visit https://www.dynamsoft.com/customer/license/trialLicense?utm_source=github&product=dbr&package=js to get your own trial license good for 30 days. 
          * Note that if you downloaded this sample from Dynamsoft while logged in, the above license key may already be your own 30-day trial license.
-         * For more information, see https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=9.2.13&utm_source=github#specify-the-license or contact support@dynamsoft.com.
+         * For more information, see https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=9.3.0&utm_source=github#specify-the-license or contact support@dynamsoft.com.
          * LICENSE ALERT - THE END 
          */
 
@@ -31,28 +31,29 @@
             try {
                 const scanner = await Dynamsoft.DBR.BarcodeScanner.createInstance();
                 /** 
-                 * onFrameRead is triggered after the library finishes reading a frame image.
+                 * 'onFrameRead' is triggered after the library finishes reading a frame image.
                  * There can be multiple barcodes on one image.
                  */
                 scanner.onFrameRead = results => {
                     console.log("Barcodes on one frame:");
                     for (let result of results) {
-                        console.log(result.barcodeFormatString + ": " + result.barcodeText);
+                        const format = result.barcodeFormat ? result.barcodeFormatString : result.barcodeFormatString_2;
+                        console.log(format + ": " + result.barcodeText);
                     }
                 };
                 /**
-                 * onUniqueRead is triggered only when a 'new' barcode is found.
+                 * 'onUniqueRead' is  triggered only when a 'new' barcode is found.
                  * The amount of time that the library 'remembers' a barcode is defined by 
                  * "duplicateForgetTime" in "ScanSettings". By default it is set to 3000 ms.
                  */
                 scanner.onUniqueRead = (txt, result) => {
-                        alert(txt);
-                        console.log("Unique Code Found: ", result);
-                    }
-                    /**
-                     * show() opens the camera and shows the video stream on the page. 
-                     * After that, the library starts to scan the frame images continuously.
-                     */
+                    alert(txt);
+                    console.log("Unique Code Found: ", result);
+                }
+                /**
+                 * 'show()' opens the camera and shows the video stream on the page. 
+                 * After that, the library starts to scan the frame images continuously.
+                 */
                 await scanner.show();
             } catch (ex) {
                 let errMsg;
diff --git a/1.hello-world/10.read-video-pwa/helloworld-pwa.html b/1.hello-world/10.read-video-pwa/helloworld-pwa.html
index fb676658..5d789b8f 100644
--- a/1.hello-world/10.read-video-pwa/helloworld-pwa.html
+++ b/1.hello-world/10.read-video-pwa/helloworld-pwa.html
@@ -14,7 +14,7 @@
 <body>
     <h1 style="font-size: 1.5em;">Hello World for PWA</h1>
     Loading...
-    <script src="https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.2.13/dist/dbr.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.3.0/dist/dbr.js"></script>
     <script>
         /** LICENSE ALERT - README 
          * To use the library, you need to first specify a license key using the API "license" as shown below.
@@ -25,7 +25,7 @@ <h1 style="font-size: 1.5em;">Hello World for PWA</h1>
         /** 
          * You can visit https://www.dynamsoft.com/customer/license/trialLicense?utm_source=github&product=dbr&package=js to get your own trial license good for 30 days. 
          * Note that if you downloaded this sample from Dynamsoft while logged in, the above license key may already be your own 30-day trial license.
-         * For more information, see https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=9.2.13&utm_source=github#specify-the-license or contact support@dynamsoft.com.
+         * For more information, see https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=9.3.0&utm_source=github#specify-the-license or contact support@dynamsoft.com.
          * LICENSE ALERT - THE END 
          */
 
@@ -56,7 +56,8 @@ <h1 style="font-size: 1.5em;">Hello World for PWA</h1>
                 scanner.onFrameRead = results => {
                     console.log("Barcodes on one frame:");
                     for (let result of results) {
-                        console.log(result.barcodeFormatString + ": " + result.barcodeText);
+                        const format = result.barcodeFormat ? result.barcodeFormatString : result.barcodeFormatString_2;
+                        console.log(format + ": " + result.barcodeText);
                     }
                 };
                 scanner.onUniqueRead = (txt, result) => {
diff --git a/1.hello-world/11.read-video-requirejs.html b/1.hello-world/11.read-video-requirejs.html
index 8d4d5c4c..7eba14a1 100644
--- a/1.hello-world/11.read-video-requirejs.html
+++ b/1.hello-world/11.read-video-requirejs.html
@@ -13,7 +13,7 @@ <h1 style="font-size: 1.5em;">Hello World for RequireJS</h1>
     Loading...
     <script src="https://cdn.jsdelivr.net/npm/requirejs@2.3.6/require.js"></script>
     <script>
-        requirejs(['https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.2.13/dist/dbr.js'], function({
+        requirejs(['https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.3.0/dist/dbr.js'], function({
             BarcodeReader,
             BarcodeScanner
         }) {
@@ -26,11 +26,11 @@ <h1 style="font-size: 1.5em;">Hello World for RequireJS</h1>
             /** 
              * You can visit https://www.dynamsoft.com/customer/license/trialLicense?utm_source=github&product=dbr&package=js to get your own trial license good for 30 days. 
              * Note that if you downloaded this sample from Dynamsoft while logged in, the above license key may already be your own 30-day trial license.
-             * For more information, see https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=9.2.13&utm_source=github#specify-the-license or contact support@dynamsoft.com.
+             * For more information, see https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=9.3.0&utm_source=github#specify-the-license or contact support@dynamsoft.com.
              * LICENSE ALERT - THE END 
              */
 
-            BarcodeReader.engineResourcePath = "https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.2.13/dist/";
+            BarcodeReader.engineResourcePath = "https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.3.0/dist/";
             let pScanner = null;
             (async function() {
                 try {
@@ -38,7 +38,8 @@ <h1 style="font-size: 1.5em;">Hello World for RequireJS</h1>
                     scanner.onFrameRead = results => {
                         console.log("Barcodes on one frame:");
                         for (let result of results) {
-                            console.log(result.barcodeFormatString + ": " + result.barcodeText);
+                            const format = result.barcodeFormat ? result.barcodeFormatString : result.barcodeFormatString_2;
+                            console.log(format + ": " + result.barcodeText);
                         }
                     };
                     scanner.onUniqueRead = (txt, result) => {
diff --git a/1.hello-world/12.read-video-es6.html b/1.hello-world/12.read-video-es6.html
index f4c59a3b..b6632ac6 100644
--- a/1.hello-world/12.read-video-es6.html
+++ b/1.hello-world/12.read-video-es6.html
@@ -13,7 +13,7 @@
     <h1 style="font-size: 1.5em;">Hello World for ES6</h1>
     Loading...
     <script type="module">
-        import { BarcodeReader, BarcodeScanner } from 'https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.2.13/dist/dbr.mjs';
+        import { BarcodeReader, BarcodeScanner } from 'https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.3.0/dist/dbr.mjs';
         /** LICENSE ALERT - README 
          * To use the library, you need to first specify a license key using the API "license" as shown below.
          */
@@ -23,24 +23,25 @@ <h1 style="font-size: 1.5em;">Hello World for ES6</h1>
         /** 
          * You can visit https://www.dynamsoft.com/customer/license/trialLicense?utm_source=github&product=dbr&package=js to get your own trial license good for 30 days. 
          * Note that if you downloaded this sample from Dynamsoft while logged in, the above license key may already be your own 30-day trial license.
-         * For more information, see https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=9.2.13&utm_source=github#specify-the-license or contact support@dynamsoft.com.
+         * For more information, see https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=9.3.0&utm_source=github#specify-the-license or contact support@dynamsoft.com.
          * LICENSE ALERT - THE END 
          */
 
-        BarcodeReader.engineResourcePath = "https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.2.13/dist/";
+        BarcodeReader.engineResourcePath = "https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.3.0/dist/";
 
         let pScanner = null;
         (async () => {
             try {
                 const scanner = await (pScanner = pScanner || BarcodeScanner.createInstance());
                 /* 
-                 * onFrameRead is triggered after the library finishes reading a frame.
+                 * 'onFrameRead' is triggered after the library finishes reading a frame.
                  * There can be one or multiple barcodes on each frame.
                  */
                  scanner.onFrameRead = results => {
                     console.log("Barcodes on one frame:");
                     for (let result of results) {
-                        console.log(result.barcodeFormatString + ": " + result.barcodeText);
+                        const format = result.barcodeFormat ? result.barcodeFormatString : result.barcodeFormatString_2;
+                        console.log(format + ": " + result.barcodeText);
                     }
                 };
                 /*
diff --git a/1.hello-world/13.read-video-react-ts/package.json b/1.hello-world/13.read-video-react-ts/package.json
index 32a6b182..71f73c8f 100644
--- a/1.hello-world/13.read-video-react-ts/package.json
+++ b/1.hello-world/13.read-video-react-ts/package.json
@@ -11,7 +11,7 @@
     "@types/node": "^16.11.45",
     "@types/react": "^18.0.15",
     "@types/react-dom": "^18.0.6",
-    "dynamsoft-javascript-barcode": "9.2.13",
+    "dynamsoft-javascript-barcode": "9.3.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "5.0.1",
diff --git a/1.hello-world/13.read-video-react-ts/src/components/VideoDecode/VideoDecode.css b/1.hello-world/13.read-video-react-ts/src/components/VideoDecode/VideoDecode.css
index 86387bc6..3bac7c0e 100644
--- a/1.hello-world/13.read-video-react-ts/src/components/VideoDecode/VideoDecode.css
+++ b/1.hello-world/13.read-video-react-ts/src/components/VideoDecode/VideoDecode.css
@@ -1,5 +1,5 @@
-.component-barcode-scanner{width:100%;height:100%;min-width:640px;min-height:480px;background:#eee;position:relative;resize:both;}
-.dce-bg-loading{animation:1s linear infinite dce-rotate;width:40%;height:40%;position:absolute;margin:auto;left:0;top:0;right:0;bottom:0;fill:#aaa;}
+.component-barcode-scanner{width:100%;height:100%;/* min-width:640px; */min-height:480px;background:#eee;position:relative;resize:both;}
+.dce-bg-loading{display:none;animation:1s linear infinite dce-rotate;width:40%;height:40%;position:absolute;margin:auto;left:0;top:0;right:0;bottom:0;fill:#aaa;}
 .dce-bg-camera{display:none;width:40%;height:40%;position:absolute;margin:auto;left:0;top:0;right:0;bottom:0;fill:#aaa;}
 .dce-video-container{position:absolute;left:0;top:0;width:100%;height:100%;}
 .dce-scanarea{width:100%;height:100%;position:absolute;left:0;top:0;}
diff --git a/1.hello-world/13.read-video-react-ts/src/dbr.ts b/1.hello-world/13.read-video-react-ts/src/dbr.ts
index abc3bceb..7af64c6d 100644
--- a/1.hello-world/13.read-video-react-ts/src/dbr.ts
+++ b/1.hello-world/13.read-video-react-ts/src/dbr.ts
@@ -9,8 +9,8 @@ BarcodeReader.license = 'DLS2eyJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSJ9';
 /** 
  * You can visit https://www.dynamsoft.com/customer/license/trialLicense?utm_source=github&product=dbr&package=js to get your own trial license good for 30 days. 
  * Note that if you downloaded this sample from Dynamsoft while logged in, the above license key may already be your own 30-day trial license.
- * For more information, see https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=9.2.13&utm_source=github#specify-the-license or contact support@dynamsoft.com.
+ * For more information, see https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=9.3.0&utm_source=github#specify-the-license or contact support@dynamsoft.com.
  * LICENSE ALERT - THE END 
  */
 
-BarcodeReader.engineResourcePath = "https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.2.13/dist/";
\ No newline at end of file
+BarcodeReader.engineResourcePath = "https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.3.0/dist/";
\ No newline at end of file
diff --git a/1.hello-world/2.read-an-image.html b/1.hello-world/2.read-an-image.html
index 36ce465a..6da6bc40 100644
--- a/1.hello-world/2.read-an-image.html
+++ b/1.hello-world/2.read-an-image.html
@@ -30,7 +30,7 @@ <h1 style="font-size: 1.5em;">Read Barcode from Images</h1>
             border: solid 1px gray;
         }
     </style>
-    <script src="https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.2.13/dist/dbr.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.3.0/dist/dbr.js"></script>
     <script>
         /** LICENSE ALERT - README 
          * To use the library, you need to first specify a license key using the API "license" as shown below.
@@ -41,7 +41,7 @@ <h1 style="font-size: 1.5em;">Read Barcode from Images</h1>
         /** 
          * You can visit https://www.dynamsoft.com/customer/license/trialLicense?utm_source=github&product=dbr&package=js to get your own trial license good for 30 days. 
          * Note that if you downloaded this sample from Dynamsoft while logged in, the above license key may already be your own 30-day trial license.
-         * For more information, see https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=9.2.13&utm_source=github#specify-the-license or contact support@dynamsoft.com.
+         * For more information, see https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=9.3.0&utm_source=github#specify-the-license or contact support@dynamsoft.com.
          * LICENSE ALERT - THE END 
          */
 
@@ -95,9 +95,10 @@ <h1 style="font-size: 1.5em;">Read Barcode from Images</h1>
                     divResults.appendChild(createEl('p', "No Barcode Found!"));
                 }
                 for (let result of results) {
-                    iptReadonlyLastResult.value = result.barcodeFormatString + ": " + result.barcodeText; // show last txt result
+                    const format = result.barcodeFormat ? result.barcodeFormatString : result.barcodeFormatString_2;
+                    iptReadonlyLastResult.value = format + ": " + result.barcodeText; // show last txt result
                     const p = document.createElement('p');
-                    p.appendChild(createEl('span', result.barcodeFormatString + ": "));
+                    p.appendChild(createEl('span', format + ": "));
                     p.appendChild(createEl('span', result.barcodeText, "sp-resultText"));
                     divResults.appendChild(p);
                     if (result.barcodeText.indexOf("Attention(exceptionCode") != -1) {
diff --git a/1.hello-world/3.read-video-angular/package.json b/1.hello-world/3.read-video-angular/package.json
index e6830f63..50bd02e1 100644
--- a/1.hello-world/3.read-video-angular/package.json
+++ b/1.hello-world/3.read-video-angular/package.json
@@ -19,7 +19,7 @@
         "@angular/platform-browser": "~11.2.5",
         "@angular/platform-browser-dynamic": "~11.2.5",
         "@angular/router": "~11.2.5",
-        "dynamsoft-javascript-barcode": "9.2.13",
+        "dynamsoft-javascript-barcode": "9.3.0",
         "rxjs": "~6.6.0",
         "tslib": "^2.0.0",
         "zone.js": "~0.11.3"
diff --git a/1.hello-world/3.read-video-angular/src/app/barcode-scanner/barcode-scanner.component.css b/1.hello-world/3.read-video-angular/src/app/barcode-scanner/barcode-scanner.component.css
index 86387bc6..8e7f05bc 100644
--- a/1.hello-world/3.read-video-angular/src/app/barcode-scanner/barcode-scanner.component.css
+++ b/1.hello-world/3.read-video-angular/src/app/barcode-scanner/barcode-scanner.component.css
@@ -1,5 +1,5 @@
-.component-barcode-scanner{width:100%;height:100%;min-width:640px;min-height:480px;background:#eee;position:relative;resize:both;}
-.dce-bg-loading{animation:1s linear infinite dce-rotate;width:40%;height:40%;position:absolute;margin:auto;left:0;top:0;right:0;bottom:0;fill:#aaa;}
+.component-barcode-scanner{width:100%;height:100%;/* min-width:640px; */min-height:480px;background:#eee;position:relative;resize:both;}
+.dce-bg-loading{display:none;animation:1s linear infinite dce-rotate;width:40%;height:40%;position:absolute;margin:auto;left:0;top:0;right:0;bottom:0;fill:#aaa;}
 .dce-bg-camera{display:none;width:40%;height:40%;position:absolute;margin:auto;left:0;top:0;right:0;bottom:0;fill:#aaa;}
 .dce-video-container{position:absolute;left:0;top:0;width:100%;height:100%;}
 .dce-scanarea{width:100%;height:100%;position:absolute;left:0;top:0;}
@@ -10,4 +10,4 @@
 .dbr-msg-poweredby{position:absolute;left:50%;bottom:10%;transform:translateX(-50%);}
 .dbr-msg-poweredby svg {height:max(3vmin,17px);fill:#FFFFFF;}
 @keyframes dce-rotate{from{transform:rotate(0turn);}to{transform:rotate(1turn);}}
-@keyframes dce-scanlight{from{top:0;}to{top:97%;}}
\ No newline at end of file
+@keyframes dce-scanlight{from{top:0;}to{top:97%;}}
diff --git a/1.hello-world/3.read-video-angular/src/app/dbr.ts b/1.hello-world/3.read-video-angular/src/app/dbr.ts
index 80134d02..3102259d 100644
--- a/1.hello-world/3.read-video-angular/src/app/dbr.ts
+++ b/1.hello-world/3.read-video-angular/src/app/dbr.ts
@@ -9,8 +9,8 @@ BarcodeReader.license = 'DLS2eyJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSJ9';
 /**
  * You can visit https://www.dynamsoft.com/customer/license/trialLicense?utm_source=github&product=dbr&package=js to get your own trial license good for 30 days.
  * Note that if you downloaded this sample from Dynamsoft while logged in, the above license key may already be your own 30-day trial license.
- * For more information, see https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=9.2.13&utm_source=github#specify-the-license or contact support@dynamsoft.com.
+ * For more information, see https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=9.3.0&utm_source=github#specify-the-license or contact support@dynamsoft.com.
  * LICENSE ALERT - THE END
  */
 
-BarcodeReader.engineResourcePath = 'https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.2.13/dist/';
+BarcodeReader.engineResourcePath = 'https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.3.0/dist/';
diff --git a/1.hello-world/4.read-video-react/package.json b/1.hello-world/4.read-video-react/package.json
index 8a019f91..7b7ef4cc 100644
--- a/1.hello-world/4.read-video-react/package.json
+++ b/1.hello-world/4.read-video-react/package.json
@@ -7,7 +7,7 @@
         "@testing-library/jest-dom": "^5.11.4",
         "@testing-library/react": "^11.1.0",
         "@testing-library/user-event": "^12.1.10",
-        "dynamsoft-javascript-barcode": "9.2.13",
+        "dynamsoft-javascript-barcode": "9.3.0",
         "react": "^17.0.1",
         "react-dom": "^17.0.1",
         "react-scripts": "4.0.3",
diff --git a/1.hello-world/4.read-video-react/src/components/VideoDecode/VideoDecode.css b/1.hello-world/4.read-video-react/src/components/VideoDecode/VideoDecode.css
index 86387bc6..3bac7c0e 100644
--- a/1.hello-world/4.read-video-react/src/components/VideoDecode/VideoDecode.css
+++ b/1.hello-world/4.read-video-react/src/components/VideoDecode/VideoDecode.css
@@ -1,5 +1,5 @@
-.component-barcode-scanner{width:100%;height:100%;min-width:640px;min-height:480px;background:#eee;position:relative;resize:both;}
-.dce-bg-loading{animation:1s linear infinite dce-rotate;width:40%;height:40%;position:absolute;margin:auto;left:0;top:0;right:0;bottom:0;fill:#aaa;}
+.component-barcode-scanner{width:100%;height:100%;/* min-width:640px; */min-height:480px;background:#eee;position:relative;resize:both;}
+.dce-bg-loading{display:none;animation:1s linear infinite dce-rotate;width:40%;height:40%;position:absolute;margin:auto;left:0;top:0;right:0;bottom:0;fill:#aaa;}
 .dce-bg-camera{display:none;width:40%;height:40%;position:absolute;margin:auto;left:0;top:0;right:0;bottom:0;fill:#aaa;}
 .dce-video-container{position:absolute;left:0;top:0;width:100%;height:100%;}
 .dce-scanarea{width:100%;height:100%;position:absolute;left:0;top:0;}
diff --git a/1.hello-world/4.read-video-react/src/dbr.js b/1.hello-world/4.read-video-react/src/dbr.js
index abc3bceb..7af64c6d 100644
--- a/1.hello-world/4.read-video-react/src/dbr.js
+++ b/1.hello-world/4.read-video-react/src/dbr.js
@@ -9,8 +9,8 @@ BarcodeReader.license = 'DLS2eyJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSJ9';
 /** 
  * You can visit https://www.dynamsoft.com/customer/license/trialLicense?utm_source=github&product=dbr&package=js to get your own trial license good for 30 days. 
  * Note that if you downloaded this sample from Dynamsoft while logged in, the above license key may already be your own 30-day trial license.
- * For more information, see https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=9.2.13&utm_source=github#specify-the-license or contact support@dynamsoft.com.
+ * For more information, see https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=9.3.0&utm_source=github#specify-the-license or contact support@dynamsoft.com.
  * LICENSE ALERT - THE END 
  */
 
-BarcodeReader.engineResourcePath = "https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.2.13/dist/";
\ No newline at end of file
+BarcodeReader.engineResourcePath = "https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.3.0/dist/";
\ No newline at end of file
diff --git a/1.hello-world/5.read-video-vue/package.json b/1.hello-world/5.read-video-vue/package.json
index 276996a7..f739d6b9 100644
--- a/1.hello-world/5.read-video-vue/package.json
+++ b/1.hello-world/5.read-video-vue/package.json
@@ -9,7 +9,7 @@
     },
     "dependencies": {
         "core-js": "^3.6.5",
-        "dynamsoft-javascript-barcode": "9.2.13",
+        "dynamsoft-javascript-barcode": "9.3.0",
         "vue": "^2.7.8"
     },
     "devDependencies": {
diff --git a/1.hello-world/5.read-video-vue/src/components/VideoDecode.vue b/1.hello-world/5.read-video-vue/src/components/VideoDecode.vue
index 4c42f467..62eddc66 100644
--- a/1.hello-world/5.read-video-vue/src/components/VideoDecode.vue
+++ b/1.hello-world/5.read-video-vue/src/components/VideoDecode.vue
@@ -109,7 +109,7 @@ export default {
 .component-barcode-scanner {
   width: 100%;
   height: 100%;
-  min-width: 640px;
+  /* min-width: 640px; */
   min-height: 480px;
   background: #eee;
   position: relative;
@@ -117,6 +117,7 @@ export default {
 }
 
 .dce-bg-loading {
+  display: none;
   animation: 1s linear infinite dce-rotate;
   width: 40%;
   height: 40%;
diff --git a/1.hello-world/5.read-video-vue/src/dbr.js b/1.hello-world/5.read-video-vue/src/dbr.js
index 821d7dc8..108eb379 100644
--- a/1.hello-world/5.read-video-vue/src/dbr.js
+++ b/1.hello-world/5.read-video-vue/src/dbr.js
@@ -9,8 +9,8 @@ BarcodeReader.license = 'DLS2eyJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSJ9';
 /** 
  * You can visit https://www.dynamsoft.com/customer/license/trialLicense?utm_source=github&product=dbr&package=js to get your own trial license good for 30 days. 
  * Note that if you downloaded this sample from Dynamsoft while logged in, the above license key may already be your own 30-day trial license.
- * For more information, see https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=9.2.13&utm_source=github#specify-the-license or contact support@dynamsoft.com.
+ * For more information, see https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=9.3.0&utm_source=github#specify-the-license or contact support@dynamsoft.com.
  * LICENSE ALERT - THE END 
  */
 
-BarcodeReader.engineResourcePath = "https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.2.13/dist/";
+BarcodeReader.engineResourcePath = "https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.3.0/dist/";
diff --git a/1.hello-world/6.read-video-vue3/package.json b/1.hello-world/6.read-video-vue3/package.json
index 094eeb66..45fcb444 100644
--- a/1.hello-world/6.read-video-vue3/package.json
+++ b/1.hello-world/6.read-video-vue3/package.json
@@ -9,7 +9,7 @@
     },
     "dependencies": {
         "core-js": "^3.6.5",
-        "dynamsoft-javascript-barcode": "9.2.13",
+        "dynamsoft-javascript-barcode": "9.3.0",
         "vue": "^3.0.0"
     },
     "devDependencies": {
diff --git a/1.hello-world/6.read-video-vue3/src/components/VideoDecode.vue b/1.hello-world/6.read-video-vue3/src/components/VideoDecode.vue
index 764531c4..584715ad 100644
--- a/1.hello-world/6.read-video-vue3/src/components/VideoDecode.vue
+++ b/1.hello-world/6.read-video-vue3/src/components/VideoDecode.vue
@@ -113,7 +113,7 @@ export default {
 .component-barcode-scanner {
   width: 100%;
   height: 100%;
-  min-width: 640px;
+  /* min-width: 640px; */
   min-height: 480px;
   background: #eee;
   position: relative;
@@ -121,6 +121,7 @@ export default {
 }
 
 .dce-bg-loading {
+  display: none;
   animation: 1s linear infinite dce-rotate;
   width: 40%;
   height: 40%;
diff --git a/1.hello-world/6.read-video-vue3/src/dbr.js b/1.hello-world/6.read-video-vue3/src/dbr.js
index b479ff94..a3c27bb2 100644
--- a/1.hello-world/6.read-video-vue3/src/dbr.js
+++ b/1.hello-world/6.read-video-vue3/src/dbr.js
@@ -9,8 +9,8 @@ BarcodeReader.license = 'DLS2eyJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSJ9';
 /** 
  * You can visit https://www.dynamsoft.com/customer/license/trialLicense?utm_source=github&product=dbr&package=js to get your own trial license good for 30 days. 
  * Note that if you downloaded this sample from Dynamsoft while logged in, the above license key may already be your own 30-day trial license.
- * For more information, see https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=9.2.13&utm_source=github#specify-the-license or contact support@dynamsoft.com.
+ * For more information, see https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=9.3.0&utm_source=github#specify-the-license or contact support@dynamsoft.com.
  * LICENSE ALERT - THE END 
  */
 
-BarcodeReader.engineResourcePath = "https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.2.13/dist/";
\ No newline at end of file
+BarcodeReader.engineResourcePath = "https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.3.0/dist/";
\ No newline at end of file
diff --git a/1.hello-world/7.read-video-nextjs/dbr.js b/1.hello-world/7.read-video-nextjs/dbr.js
index 821d7dc8..108eb379 100644
--- a/1.hello-world/7.read-video-nextjs/dbr.js
+++ b/1.hello-world/7.read-video-nextjs/dbr.js
@@ -9,8 +9,8 @@ BarcodeReader.license = 'DLS2eyJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSJ9';
 /** 
  * You can visit https://www.dynamsoft.com/customer/license/trialLicense?utm_source=github&product=dbr&package=js to get your own trial license good for 30 days. 
  * Note that if you downloaded this sample from Dynamsoft while logged in, the above license key may already be your own 30-day trial license.
- * For more information, see https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=9.2.13&utm_source=github#specify-the-license or contact support@dynamsoft.com.
+ * For more information, see https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=9.3.0&utm_source=github#specify-the-license or contact support@dynamsoft.com.
  * LICENSE ALERT - THE END 
  */
 
-BarcodeReader.engineResourcePath = "https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.2.13/dist/";
+BarcodeReader.engineResourcePath = "https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.3.0/dist/";
diff --git a/1.hello-world/7.read-video-nextjs/package.json b/1.hello-world/7.read-video-nextjs/package.json
index 3d3d2d3b..1e02b8f1 100644
--- a/1.hello-world/7.read-video-nextjs/package.json
+++ b/1.hello-world/7.read-video-nextjs/package.json
@@ -9,7 +9,7 @@
         "lint": "next lint"
     },
     "dependencies": {
-        "dynamsoft-javascript-barcode": "9.2.13",
+        "dynamsoft-javascript-barcode": "9.3.0",
         "next": ">=12.1.0",
         "react": "17.0.2",
         "react-dom": "17.0.2"
diff --git a/1.hello-world/7.read-video-nextjs/styles/BarcodeScanner.css b/1.hello-world/7.read-video-nextjs/styles/BarcodeScanner.css
index 86387bc6..3bac7c0e 100644
--- a/1.hello-world/7.read-video-nextjs/styles/BarcodeScanner.css
+++ b/1.hello-world/7.read-video-nextjs/styles/BarcodeScanner.css
@@ -1,5 +1,5 @@
-.component-barcode-scanner{width:100%;height:100%;min-width:640px;min-height:480px;background:#eee;position:relative;resize:both;}
-.dce-bg-loading{animation:1s linear infinite dce-rotate;width:40%;height:40%;position:absolute;margin:auto;left:0;top:0;right:0;bottom:0;fill:#aaa;}
+.component-barcode-scanner{width:100%;height:100%;/* min-width:640px; */min-height:480px;background:#eee;position:relative;resize:both;}
+.dce-bg-loading{display:none;animation:1s linear infinite dce-rotate;width:40%;height:40%;position:absolute;margin:auto;left:0;top:0;right:0;bottom:0;fill:#aaa;}
 .dce-bg-camera{display:none;width:40%;height:40%;position:absolute;margin:auto;left:0;top:0;right:0;bottom:0;fill:#aaa;}
 .dce-video-container{position:absolute;left:0;top:0;width:100%;height:100%;}
 .dce-scanarea{width:100%;height:100%;position:absolute;left:0;top:0;}
diff --git a/1.hello-world/8.read-video-nuxtjs/components/VideoDecode.vue b/1.hello-world/8.read-video-nuxtjs/components/VideoDecode.vue
index 278228ce..506a60b6 100644
--- a/1.hello-world/8.read-video-nuxtjs/components/VideoDecode.vue
+++ b/1.hello-world/8.read-video-nuxtjs/components/VideoDecode.vue
@@ -109,7 +109,7 @@ export default {
 .component-barcode-scanner {
   width: 100%;
   height: 100%;
-  min-width: 640px;
+  /* min-width: 640px; */
   min-height: 480px;
   background: #eee;
   position: relative;
@@ -117,6 +117,7 @@ export default {
 }
 
 .dce-bg-loading {
+  display: none;
   animation: 1s linear infinite dce-rotate;
   width: 40%;
   height: 40%;
diff --git a/1.hello-world/8.read-video-nuxtjs/dbr.js b/1.hello-world/8.read-video-nuxtjs/dbr.js
index 69718cd1..6cc257ec 100644
--- a/1.hello-world/8.read-video-nuxtjs/dbr.js
+++ b/1.hello-world/8.read-video-nuxtjs/dbr.js
@@ -9,8 +9,8 @@ BarcodeReader.license = 'DLS2eyJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSJ9';
 /**
  * You can visit https://www.dynamsoft.com/customer/license/trialLicense?utm_source=github&product=dbr&package=js to get your own trial license good for 30 days.
  * Note that if you downloaded this sample from Dynamsoft while logged in, the above license key may already be your own 30-day trial license.
- * For more information, see https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=9.2.13&utm_source=github#specify-the-license or contact support@dynamsoft.com.
+ * For more information, see https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=9.3.0&utm_source=github#specify-the-license or contact support@dynamsoft.com.
  * LICENSE ALERT - THE END
  */
 
-BarcodeReader.engineResourcePath = "https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.2.13/dist/";
+BarcodeReader.engineResourcePath = "https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.3.0/dist/";
diff --git a/1.hello-world/8.read-video-nuxtjs/package.json b/1.hello-world/8.read-video-nuxtjs/package.json
index df275c7c..0227aea0 100644
--- a/1.hello-world/8.read-video-nuxtjs/package.json
+++ b/1.hello-world/8.read-video-nuxtjs/package.json
@@ -10,7 +10,7 @@
     },
     "dependencies": {
         "core-js": "^3.15.1",
-        "dynamsoft-javascript-barcode": "9.2.13",
+        "dynamsoft-javascript-barcode": "9.3.0",
         "nuxt": "^2.15.7"
     },
     "devDependencies": {}
diff --git a/1.hello-world/9.read-video-electron/action.js b/1.hello-world/9.read-video-electron/action.js
index aec8cf23..60e598c7 100644
--- a/1.hello-world/9.read-video-electron/action.js
+++ b/1.hello-world/9.read-video-electron/action.js
@@ -7,7 +7,7 @@ Dynamsoft.DBR.BarcodeReader.license = 'DLS2eyJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSJ9'
 /** 
  * You can visit https://www.dynamsoft.com/customer/license/trialLicense?utm_source=github&product=dbr&package=js to get your own trial license good for 30 days. 
  * Note that if you downloaded this sample from Dynamsoft while logged in, the above license key may already be your own 30-day trial license.
- * For more information, see https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=9.2.13&utm_source=github#specify-the-license or contact support@dynamsoft.com.
+ * For more information, see https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=9.3.0&utm_source=github#specify-the-license or contact support@dynamsoft.com.
  * LICENSE ALERT - THE END 
  */
 
diff --git a/1.hello-world/9.read-video-electron/package.json b/1.hello-world/9.read-video-electron/package.json
index 6da72ea7..ea39be5c 100644
--- a/1.hello-world/9.read-video-electron/package.json
+++ b/1.hello-world/9.read-video-electron/package.json
@@ -9,7 +9,7 @@
     },
     "author": "tom@dynamsoft.com",
     "dependencies": {
-        "dynamsoft-javascript-barcode": "9.2.13",
+        "dynamsoft-javascript-barcode": "9.3.0",
         "electron": "14.0.1"
     }
 }
diff --git a/2.ui-tweaking/1.read-video-show-result.html b/2.ui-tweaking/1.read-video-show-result.html
index 8a90d8cb..9900b2dd 100644
--- a/2.ui-tweaking/1.read-video-show-result.html
+++ b/2.ui-tweaking/1.read-video-show-result.html
@@ -21,7 +21,7 @@ <h1 style="font-size: 1.5em;">Use the Default Built-in UI</h1>
         <span style="float:left;margin-top:20px;">All Results:</span><br />
         <div id="results"></div>
     </div>
-    <script src="https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.2.13/dist/dbr.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.3.0/dist/dbr.js"></script>
     <script>
         /** LICENSE ALERT - README 
          * To use the library, you need to first specify a license key using the API "license" as shown below.
@@ -32,7 +32,7 @@ <h1 style="font-size: 1.5em;">Use the Default Built-in UI</h1>
         /** 
          * You can visit https://www.dynamsoft.com/customer/license/trialLicense?utm_source=github&product=dbr&package=js to get your own trial license good for 30 days. 
          * Note that if you downloaded this sample from Dynamsoft while logged in, the above license key may already be your own 30-day trial license.
-         * For more information, see https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=9.2.13&utm_source=github#specify-the-license or contact support@dynamsoft.com.
+         * For more information, see https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=9.3.0&utm_source=github#specify-the-license or contact support@dynamsoft.com.
          * LICENSE ALERT - THE END 
          */
 
@@ -69,7 +69,8 @@ <h1 style="font-size: 1.5em;">Use the Default Built-in UI</h1>
                 scanner.onFrameRead = (_results) => {
                     for (let result of _results) {
                         let newElements = [];
-                        newElements.push(createASpan(result.barcodeFormatString + ": "));
+                        const format = result.barcodeFormat ? result.barcodeFormatString : result.barcodeFormatString_2;
+                        newElements.push(createASpan(format + ": "));
                         newElements.push(createASpan(result.barcodeText, "resultText"));
                         newElements.push(document.createElement('br'));
                         if (result.barcodeText.indexOf("Attention(exceptionCode") != -1) {
@@ -83,7 +84,8 @@ <h1 style="font-size: 1.5em;">Use the Default Built-in UI</h1>
                     }
                 };
                 scanner.onUniqueRead = (txt, result) => {
-                    document.getElementById('result').value = result.barcodeFormatString + ": " + txt;
+                    const format = result.barcodeFormat ? result.barcodeFormatString : result.barcodeFormatString_2;
+                    document.getElementById('result').value = format + ": " + txt;
                     document.getElementById('result').focus();
                     setTimeout(() => {
                         document.getElementById('result').blur();
diff --git a/2.ui-tweaking/2.read-video-no-extra-control.html b/2.ui-tweaking/2.read-video-no-extra-control.html
index 426136a8..475bcdb9 100644
--- a/2.ui-tweaking/2.read-video-no-extra-control.html
+++ b/2.ui-tweaking/2.read-video-no-extra-control.html
@@ -19,7 +19,7 @@ <h1 style="font-size: 1.5em;">Hide UI Controls</h1>
         </div>
     </div>
     <input type="text" id="result" readonly="true" class="latest-result" placeholder="The Last Read Barcode">
-    <script src="https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.2.13/dist/dbr.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.3.0/dist/dbr.js"></script>
     <script>
         /** LICENSE ALERT - README 
          * To use the library, you need to first specify a license key using the API "license" as shown below.
@@ -30,7 +30,7 @@ <h1 style="font-size: 1.5em;">Hide UI Controls</h1>
         /** 
          * You can visit https://www.dynamsoft.com/customer/license/trialLicense?utm_source=github&product=dbr&package=js to get your own trial license good for 30 days. 
          * Note that if you downloaded this sample from Dynamsoft while logged in, the above license key may already be your own 30-day trial license.
-         * For more information, see https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=9.2.13&utm_source=github#specify-the-license or contact support@dynamsoft.com.
+         * For more information, see https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=9.3.0&utm_source=github#specify-the-license or contact support@dynamsoft.com.
          * LICENSE ALERT - THE END 
          */
 
@@ -61,7 +61,8 @@ <h1 style="font-size: 1.5em;">Hide UI Controls</h1>
             try {
                 let scanner = await (pScanner = pScanner || Dynamsoft.DBR.BarcodeScanner.createInstance());
                 scanner.onUniqueRead = (txt, result) => {
-                    document.getElementById('result').value = result.barcodeFormatString + ": " + txt;
+                    const format = result.barcodeFormat ? result.barcodeFormatString : result.barcodeFormatString_2;
+                    document.getElementById('result').value = format + ": " + txt;
                     document.getElementById('result').focus();
                     setTimeout(() => {
                         document.getElementById('result').blur();
diff --git a/2.ui-tweaking/3.read-video-with-external-control.html b/2.ui-tweaking/3.read-video-with-external-control.html
index 65c32420..50a9a6bc 100644
--- a/2.ui-tweaking/3.read-video-with-external-control.html
+++ b/2.ui-tweaking/3.read-video-with-external-control.html
@@ -69,7 +69,7 @@ <h1 style="font-size: 1.5em;">Customized UI</h1>
         </div>
     </div>
     <input type="text" id="result" readonly="true" class="latest-result" placeholder="The Last Read Barcode">
-    <script src="https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.2.13/dist/dbr.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.3.0/dist/dbr.js"></script>
     <script>
         /** LICENSE ALERT - README 
          * To use the library, you need to first specify a license key using the API "license" as shown below.
@@ -80,7 +80,7 @@ <h1 style="font-size: 1.5em;">Customized UI</h1>
         /** 
          * You can visit https://www.dynamsoft.com/customer/license/trialLicense?utm_source=github&product=dbr&package=js to get your own trial license good for 30 days. 
          * Note that if you downloaded this sample from Dynamsoft while logged in, the above license key may already be your own 30-day trial license.
-         * For more information, see https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=9.2.13&utm_source=github#specify-the-license or contact support@dynamsoft.com.
+         * For more information, see https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=9.3.0&utm_source=github#specify-the-license or contact support@dynamsoft.com.
          * LICENSE ALERT - THE END 
          */
 
@@ -123,7 +123,8 @@ <h1 style="font-size: 1.5em;">Customized UI</h1>
                 let scanner = await (pScanner = pScanner || Dynamsoft.DBR.BarcodeScanner.createInstance());
                 await scanner.setUIElement(document.getElementById('div-ui-container'));
                 scanner.onUniqueRead = (txt, result) => {
-                    document.getElementById('result').value = result.barcodeFormatString + ": " + txt;
+                    const format = result.barcodeFormat ? result.barcodeFormatString : result.barcodeFormatString_2;
+                    document.getElementById('result').value = format + ": " + txt;
                     document.getElementById('result').focus();
                     setTimeout(() => {
                         document.getElementById('result').blur();
diff --git a/2.ui-tweaking/4.difference-video-size.html b/2.ui-tweaking/4.difference-video-size.html
index d21ede15..957a26b8 100644
--- a/2.ui-tweaking/4.difference-video-size.html
+++ b/2.ui-tweaking/4.difference-video-size.html
@@ -24,7 +24,7 @@ <h1 style="font-size: 1.5em;">Enlarge the Video Stream</h1>
     </div>
     <br />
     <input type="text" id="result" readonly="true" class="latest-result" placeholder="The Last Read Barcode">
-    <script src="https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.2.13/dist/dbr.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.3.0/dist/dbr.js"></script>
     <script>
         /** LICENSE ALERT - README 
          * To use the library, you need to first specify a license key using the API "license" as shown below.
@@ -35,7 +35,7 @@ <h1 style="font-size: 1.5em;">Enlarge the Video Stream</h1>
         /** 
          * You can visit https://www.dynamsoft.com/customer/license/trialLicense?utm_source=github&product=dbr&package=js to get your own trial license good for 30 days. 
          * Note that if you downloaded this sample from Dynamsoft while logged in, the above license key may already be your own 30-day trial license.
-         * For more information, see https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=9.2.13&utm_source=github#specify-the-license or contact support@dynamsoft.com.
+         * For more information, see https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=9.3.0&utm_source=github#specify-the-license or contact support@dynamsoft.com.
          * LICENSE ALERT - THE END 
          */
 
@@ -86,7 +86,8 @@ <h1 style="font-size: 1.5em;">Enlarge the Video Stream</h1>
                 let scanner = await (pScanner = pScanner || Dynamsoft.DBR.BarcodeScanner.createInstance());
                 await scanner.setUIElement(document.getElementById('div-ui-container'));
                 scanner.onUniqueRead = (txt, result) => {
-                    document.getElementById('result').value = result.barcodeFormatString + ": " + txt;
+                    const format = result.barcodeFormat ? result.barcodeFormatString : result.barcodeFormatString_2;
+                    document.getElementById('result').value = format + ": " + txt;
                     if (fitPage.hidden)
                         exitFullPage();
                     document.getElementById('result').focus();
diff --git a/2.ui-tweaking/5.read-video-with-custom-default-ui.html b/2.ui-tweaking/5.read-video-with-custom-default-ui.html
index fa7e1504..741d82f7 100644
--- a/2.ui-tweaking/5.read-video-with-custom-default-ui.html
+++ b/2.ui-tweaking/5.read-video-with-custom-default-ui.html
@@ -49,7 +49,7 @@ <h1>Customized Default UI</h1>
     </div>
     <br />
     <input type="text" id="result" title="Double click to clear!" readonly="true" class="latest-result" placeholder="The Last Read Barcode">
-    <script src="https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.2.13/dist/dbr.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.3.0/dist/dbr.js"></script>
     <script>
         /** LICENSE ALERT - README 
          * To use the library, you need to first specify a license key using the API "license" as shown below.
@@ -60,7 +60,7 @@ <h1>Customized Default UI</h1>
         /** 
          * You can visit https://www.dynamsoft.com/customer/license/trialLicense?utm_source=github&product=dbr&package=js to get your own trial license good for 30 days. 
          * Note that if you downloaded this sample from Dynamsoft while logged in, the above license key may already be your own 30-day trial license.
-         * For more information, see https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=9.2.13&utm_source=github#specify-the-license or contact support@dynamsoft.com.
+         * For more information, see https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=9.3.0&utm_source=github#specify-the-license or contact support@dynamsoft.com.
          * LICENSE ALERT - THE END 
          */
 
@@ -90,7 +90,8 @@ <h1>Customized Default UI</h1>
                 let scanner = await (pScanner = pScanner || Dynamsoft.DBR.BarcodeScanner.createInstance());
                 document.getElementById('UIElement').appendChild(scanner.getUIElement());
                 scanner.onUniqueRead = (txt, result) => {
-                    document.getElementById('result').value = result.barcodeFormatString + ": " + txt;
+                    const format = result.barcodeFormat ? result.barcodeFormatString : result.barcodeFormatString_2;
+                    document.getElementById('result').value = format + ": " + txt;
                     document.getElementById('result').focus();
                     setTimeout(() => {
                         document.getElementById('result').blur();
diff --git a/3.settings/1.barcodeFormats-expectedBarcodes.html b/3.settings/1.barcodeFormats-expectedBarcodes.html
index 75e61dd0..619e6310 100644
--- a/3.settings/1.barcodeFormats-expectedBarcodes.html
+++ b/3.settings/1.barcodeFormats-expectedBarcodes.html
@@ -12,7 +12,7 @@
       library offline. Please see the guide on how to host the library: 
       https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=latest#host-the-library-yourself-recommended
     -->
-    <script src="https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.2.13/dist/dbr.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.3.0/dist/dbr.js"></script>
     <link rel="stylesheet" href="settings-css.css">
     <link rel="stylesheet" href="../balloon.min.css">
     <!-- Used for tooltip styling -->
diff --git a/3.settings/2.localizationModes-binarizationModes.html b/3.settings/2.localizationModes-binarizationModes.html
index 5a4265f1..d587d22c 100644
--- a/3.settings/2.localizationModes-binarizationModes.html
+++ b/3.settings/2.localizationModes-binarizationModes.html
@@ -13,7 +13,7 @@
       library offline. Please see the guide on how to host the library: 
       https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=latest#host-the-library-yourself-recommended
     -->
-    <script src="https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.2.13/dist/dbr.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.3.0/dist/dbr.js"></script>
     <link rel="stylesheet" href="settings-css.css">
     <link rel="stylesheet" href="../balloon.min.css">
     <!-- Used for tooltip styling -->
diff --git a/3.settings/3.blurred-small-barcodes.html b/3.settings/3.blurred-small-barcodes.html
index 591ee7f2..2d11b278 100644
--- a/3.settings/3.blurred-small-barcodes.html
+++ b/3.settings/3.blurred-small-barcodes.html
@@ -13,7 +13,7 @@
       library offline. Please see the guide on how to host the library: 
       https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=latest#host-the-library-yourself-recommended
     -->
-    <script src="https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.2.13/dist/dbr.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.3.0/dist/dbr.js"></script>
     <link rel="stylesheet" href="settings-css.css">
     <link rel="stylesheet" href="../balloon.min.css">
     <!-- Used for tooltip styling -->
diff --git a/3.settings/4.deformed-incomplete-barcodes.html b/3.settings/4.deformed-incomplete-barcodes.html
index 702dfd02..c4b5dae4 100644
--- a/3.settings/4.deformed-incomplete-barcodes.html
+++ b/3.settings/4.deformed-incomplete-barcodes.html
@@ -13,7 +13,7 @@
       library offline. Please see the guide on how to host the library: 
       https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=latest#host-the-library-yourself-recommended
     -->
-    <script src="https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.2.13/dist/dbr.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.3.0/dist/dbr.js"></script>
     <link rel="stylesheet" href="settings-css.css">
     <link rel="stylesheet" href="../balloon.min.css">
     <!-- Used for tooltip styling -->
diff --git a/3.settings/5.regionOfInterest-regionPredetection.html b/3.settings/5.regionOfInterest-regionPredetection.html
index 42d475c9..82a59b0f 100644
--- a/3.settings/5.regionOfInterest-regionPredetection.html
+++ b/3.settings/5.regionOfInterest-regionPredetection.html
@@ -13,7 +13,7 @@
       library offline. Please see the guide on how to host the library: 
       https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=latest#host-the-library-yourself-recommended
     -->
-    <script src="https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.2.13/dist/dbr.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.3.0/dist/dbr.js"></script>
     <link rel="stylesheet" href="settings-css.css">
     <link rel="stylesheet" href="../balloon.min.css">
     <!-- Used for tooltip styling -->
diff --git a/3.settings/6.dense-barcodes.html b/3.settings/6.dense-barcodes.html
new file mode 100644
index 00000000..5c52114d
--- /dev/null
+++ b/3.settings/6.dense-barcodes.html
@@ -0,0 +1,95 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta
+      name="description"
+      content="Read barcodes from camera with Dynamsoft Barcode Reader and update settings for dense codes."
+    />
+    <meta name="keywords" content="read barcode from camera, dense" />
+    <link
+      rel="canonical"
+      href="https://demo.dynamsoft.com/Samples/DBR/JS/3.settings/6.dense-barcodes.html"
+    />
+    <title>Dynamsoft Barcode Reader Sample - Dense Barcodes</title>
+    <!--
+    This sample makes use of the library hosted by the CDN jsDelivr. If you would rather use the
+    library offline. Please see the guide on how to host the library: 
+    https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=latest#host-the-library-yourself-recommended
+    -->
+    <script src="https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.3.0/dist/dbr.js"></script>
+  </head>
+  <body>
+    <div id="div-ui-container" style="width: 100%; height: 70vh"></div>
+    <textarea
+      id="textarea-results"
+      style="width: 100%; height: 20vh;margin-top: 20px;"
+    ></textarea>
+    <script>
+      /** LICENSE ALERT - README
+       * To use the library, you need to first specify a license key using the API "license" as shown below.
+       */
+
+      Dynamsoft.DBR.BarcodeReader.license =
+        "DLS2eyJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSJ9";
+
+      /**
+       * You can visit https://www.dynamsoft.com/customer/license/trialLicense?utm_source=github&product=dbr&package=js to get your own trial license good for 30 days.
+       * Note that if you downloaded this sample from Dynamsoft while logged in, the above license key may already be your own 30-day trial license.
+       * For more information, see https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=9.3.0&utm_source=github#specify-the-license or contact support@dynamsoft.com.
+       * LICENSE ALERT - THE END
+       */
+
+      const textareaResults = document.querySelector("#textarea-results");
+
+      let scanner;
+
+      (async () => {
+        try {
+          scanner = await Dynamsoft.DBR.BarcodeScanner.createInstance();
+
+          // Get ui by 'getUIElement()' and append it to DOM.
+          document
+            .querySelector("#div-ui-container")
+            .append(scanner.getUIElement());
+
+          /** 
+           * 'onFrameRead' is triggered after the library finishes reading a frame image.
+           * There can be multiple barcodes on one image.
+           */
+          scanner.onFrameRead = (results) => {
+            textareaResults.value = "";
+            for (let result of results) {
+              const format = result.barcodeFormat
+                ? result.barcodeFormatString
+                : result.barcodeFormatString_2;
+              const text = result.barcodeText;
+              textareaResults.value += `${format}: ${text}\n`;
+            }
+          };
+
+          // Use template 'dense' for decoing dense barcodes and set high resolution.
+          await scanner.updateRuntimeSettings("dense");
+          await scanner.setResolution(3840, 2160);
+
+          /**
+           * 'open()' opens the camera. 
+           * After that, the library starts to scan the frame images continuously.
+           */
+          await scanner.open();
+        } catch (ex) {
+          let errMsg;
+          if (ex.message.includes("network connection error")) {
+            errMsg =
+              "Failed to connect to Dynamsoft License Server: network connection error. Check your Internet connection or contact Dynamsoft Support (support@dynamsoft.com) to acquire an offline license.";
+          } else {
+            errMsg = ex.message || ex;
+          }
+          console.error(errMsg);
+          alert(errMsg);
+        }
+      })();
+    </script>
+  </body>
+</html>
diff --git a/3.settings/README.md b/3.settings/README.md
index be4f9eb9..f860ae57 100644
--- a/3.settings/README.md
+++ b/3.settings/README.md
@@ -63,6 +63,15 @@ To learn more about `Region` and how to use them, please refer to this [article]
 
 Region detection can also be used to pre-detect the region of interest of a large image to get several areas where the barcodes may exist to reduce processing time. The different modes of [RegionPredetectionModes](https://www.dynamsoft.com/barcode-reader/programming/javascript/api-reference/interface/FurtherModes.html?ver=latest#regionpredetectionmodes) correspond to different scenarios, some of which are clarified [here](https://www.dynamsoft.com/barcode-reader/parameters/scenario-settings/how-to-use-region-predetection.html).
 
+## Dealing with Dense Barcodes
+
+Some barcodes are designed to hold a lot of information which makes them very dense. To read such barcodes, we need to do two things
+
+1. Use a high resolution 
+2. Use the built-in "dense" template
+
+Check out the code for more information.
+
 ## Support
 
 If you have any questions, feel free to contact Dynamsoft support via [email](mailto:support@dynamsoft.com) or [live chat](https://www.dynamsoft.com/barcode-reader/overview/) via the "Let's Chat" button.
diff --git a/3.settings/initScanner.js b/3.settings/initScanner.js
index 2a42a43c..7942fb1d 100644
--- a/3.settings/initScanner.js
+++ b/3.settings/initScanner.js
@@ -20,7 +20,7 @@ window.onload = async function () {
         /** 
          * You can visit https://www.dynamsoft.com/customer/license/trialLicense?utm_source=github&product=dbr&package=js to get your own trial license good for 30 days. 
          * Note that if you downloaded this sample from Dynamsoft while logged in, the above license key may already be your own 30-day trial license.
-         * For more information, see https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=9.2.13&utm_source=github#specify-the-license or contact support@dynamsoft.com.
+         * For more information, see https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=9.3.0&utm_source=github#specify-the-license or contact support@dynamsoft.com.
          * LICENSE ALERT - THE END 
          */
 
@@ -78,7 +78,8 @@ async function startReading() {
         let scanner = await pScanner;
         scanner.onFrameRead = (_results) => {
             for (let result of _results) {
-                resultBox.value = result.barcodeFormatString + ": " + result.barcodeText;
+                const format = result.barcodeFormat ? result.barcodeFormatString : result.barcodeFormatString_2;
+                resultBox.value = format + ": " + result.barcodeText;
             }
         };
         await scanner.show();
diff --git a/4.use-case/1.fill-a-form-with-barcode-reading.html b/4.use-case/1.fill-a-form-with-barcode-reading.html
index 783f93f6..033f2991 100644
--- a/4.use-case/1.fill-a-form-with-barcode-reading.html
+++ b/4.use-case/1.fill-a-form-with-barcode-reading.html
@@ -13,7 +13,7 @@
       library offline. Please see the guide on how to host the library: 
       https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=latest#host-the-library-yourself-recommended
     -->
-    <script src="https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.2.13/dist/dbr.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.3.0/dist/dbr.js"></script>
 </head>
 
 <body>
@@ -35,7 +35,7 @@ <h3>Click each input box to fill in!</h3>
         /** 
          * You can visit https://www.dynamsoft.com/customer/license/trialLicense?utm_source=github&product=dbr&package=js to get your own trial license good for 30 days. 
          * Note that if you downloaded this sample from Dynamsoft while logged in, the above license key may already be your own 30-day trial license.
-         * For more information, see https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=9.2.13&utm_source=github#specify-the-license or contact support@dynamsoft.com.
+         * For more information, see https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=9.3.0&utm_source=github#specify-the-license or contact support@dynamsoft.com.
          * LICENSE ALERT - THE END 
          */
 
diff --git a/4.use-case/2.read-a-drivers-license.html b/4.use-case/2.read-a-drivers-license.html
index 75df9667..dbef3128 100644
--- a/4.use-case/2.read-a-drivers-license.html
+++ b/4.use-case/2.read-a-drivers-license.html
@@ -36,7 +36,7 @@ <h1 id='header'>Read A Driver's License <a href="javascript:void(0)" id='readAga
         <div class="resultAlert_title">Results: <em id="resultAlert_btn" class="message_box_closebtn"><svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" p-id="4604" width="16" height="16"><path d="M512 456.310154L94.247385 38.557538a39.542154 39.542154 0 0 0-55.689847 0 39.266462 39.266462 0 0 0 0 55.689847L456.310154 512 38.557538 929.752615a39.542154 39.542154 0 0 0 0 55.689847 39.266462 39.266462 0 0 0 55.689847 0L512 567.689846l417.752615 417.752616c15.163077 15.163077 40.290462 15.36 55.689847 0a39.266462 39.266462 0 0 0 0-55.689847L567.689846 512 985.442462 94.247385a39.542154 39.542154 0 0 0 0-55.689847 39.266462 39.266462 0 0 0-55.689847 0L512 456.310154z" p-id="4605" fill="#ffffff"></path></svg></em></div>
         <div id="resultAlert_content" class="resultAlert_content"></div>
     </div>
-    <script src="https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.2.13/dist/dbr.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.3.0/dist/dbr.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/dynamsoft-code-parser@1.1.0/dist/dcp.js"></script>
     <script>
         /** LICENSE ALERT - README 
@@ -49,7 +49,7 @@ <h1 id='header'>Read A Driver's License <a href="javascript:void(0)" id='readAga
         /** 
          * You can visit https://www.dynamsoft.com/customer/license/trialLicense?utm_source=github&product=dbr&package=js to get your own trial license good for 30 days. 
          * Note that if you downloaded this sample from Dynamsoft while logged in, the above license key may already be your own 30-day trial license.
-         * For more information, see https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=9.2.13&utm_source=github#specify-the-license or contact support@dynamsoft.com.
+         * For more information, see https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=9.3.0&utm_source=github#specify-the-license or contact support@dynamsoft.com.
          * LICENSE ALERT - THE END 
          */
 
diff --git a/5.others/debug/public/index.html b/5.others/debug/public/index.html
index 188bf69e..92fca445 100644
--- a/5.others/debug/public/index.html
+++ b/5.others/debug/public/index.html
@@ -20,7 +20,7 @@ <h1 style="font-size: 1.5em;">Read Barcodes from Camera - Debug</h1>
     <br>
     <div id="div-video-container" style="width:100%;height:calc(100vh - 150px);"></div>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/eruda/2.4.1/eruda.min.js"></script>
-    <script src="https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.2.13/dist/dbr.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.3.0/dist/dbr.js"></script>
     <script>
         eruda.init();
         Dynamsoft.DBR.BarcodeReader._onLog = console.log;
@@ -33,7 +33,7 @@ <h1 style="font-size: 1.5em;">Read Barcodes from Camera - Debug</h1>
         /** 
          * You can visit https://www.dynamsoft.com/customer/license/trialLicense?utm_source=github&product=dbr&package=js to get your own trial license good for 30 days. 
          * Note that if you downloaded this sample from Dynamsoft while logged in, the above license key may already be your own 30-day trial license.
-         * For more information, see https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=9.2.13&utm_source=github#specify-the-license or contact support@dynamsoft.com.
+         * For more information, see https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=9.3.0&utm_source=github#specify-the-license or contact support@dynamsoft.com.
          * LICENSE ALERT - THE END 
          */
 
diff --git a/README.md b/README.md
index f31d8994..66269535 100644
--- a/README.md
+++ b/README.md
@@ -50,6 +50,7 @@ How to configure different settings of the barcode scanning library.
 * [**Blurry or Small codes**](https://demo.dynamsoft.com/samples/dbr/js/3.settings/3.blurred-small-barcodes.html?utm_source=sampleReadme): Set `DeblurModes` and `ScaleUpModes` for decoding blurry or small barcodes.
 * [**Deformed or Incomplete codes**](https://demo.dynamsoft.com/samples/dbr/js/3.settings/4.deformed-incomplete-barcodes.html?utm_source=sampleReadme): Set `DeformationResistingModes` or `BarcodeComplementModes` for decoding deformed or incomplete barcodes.
 * [**Define or Detect the Region**](https://demo.dynamsoft.com/samples/dbr/js/3.settings/5.regionOfInterest-regionPredetection.html?utm_source=sampleReadme): Set the region of interest manually or `regionPredetectionModes` to speed up the barcode reading process.
+* [**Dense codes**](https://demo.dynamsoft.com/samples/dbr/js/3.settings/6.dense-barcodes.html?utm_source=sampleReadme): Set `dense` template for decoding dense barcodes.
 
 ### Use Cases
 
diff --git a/index.html b/index.html
index 629bfb98..247dac36 100644
--- a/index.html
+++ b/index.html
@@ -188,6 +188,10 @@ <h3>Barcode Reader Samples</h3>
                         Region</a><span id="icon035" class="tooltipIcon"></span>
                     <a class="github" href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/main/3.settings/5.regionOfInterest-regionPredetection.html" title="Check code on GitHub"></a>
                 </div>
+                <div class="file"><a data-balloon-length="fit" data-balloon-pos="down" aria-label="Set 'dense' template for decoding dense barcodes." class="button title" href="3.settings/6.dense-barcodes.html">
+                    Dense Codes</a><span id="icon035" class="tooltipIcon"></span>
+                    <a class="github" href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/main/3.settings/6.dense-barcodes.html" title="Check code on GitHub"></a>
+                </div>
             </div>
             <div class="file">Use Case</div>
             <div class="children">
