diff --git a/1.hello-world/1.hello-world.html b/1.hello-world/1.hello-world.html
index 93a8bfca..18880cac 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.6.10/dist/dbr.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.6.11/dist/dbr.js"></script>
     <script>
         if(location.protocol === "file:") {
             const message = `The page is opened via file:// and "BarcodeScanner" may not work properly. Please open the page via https:// or host it on "http://localhost/".`;
@@ -30,7 +30,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.6.10&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.6.11&utm_source=github#specify-the-license or contact support@dynamsoft.com.
          * LICENSE ALERT - THE END 
          */
 
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 027922f9..ab1d6c59 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.6.10/dist/dbr.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.6.11/dist/dbr.js"></script>
     <script>
         if(location.protocol === "file:") {
             const message = `The page is opened via file:// and "BarcodeScanner" may not work properly. Please open the page via https:// or host it on "http://localhost/".`;
@@ -32,7 +32,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.6.10&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.6.11&utm_source=github#specify-the-license or contact support@dynamsoft.com.
          * LICENSE ALERT - THE END 
          */
 
diff --git a/1.hello-world/11.read-video-requirejs.html b/1.hello-world/11.read-video-requirejs.html
index a40fefd8..c3497ec1 100644
--- a/1.hello-world/11.read-video-requirejs.html
+++ b/1.hello-world/11.read-video-requirejs.html
@@ -20,7 +20,7 @@ <h1 style="font-size: 1.5em;">Hello World for RequireJS</h1>
         }
     </script>
     <script>
-        requirejs(['https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.6.10/dist/dbr.js'], function({
+        requirejs(['https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.6.11/dist/dbr.js'], function({
             BarcodeReader,
             BarcodeScanner
         }) {
@@ -33,11 +33,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.6.10&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.6.11&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.6.10/dist/";
+            BarcodeReader.engineResourcePath = "https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.6.11/dist/";
             let pScanner = null;
             (async function() {
                 try {
diff --git a/1.hello-world/12.read-video-es6.html b/1.hello-world/12.read-video-es6.html
index 0d49f3e7..e4d9381e 100644
--- a/1.hello-world/12.read-video-es6.html
+++ b/1.hello-world/12.read-video-es6.html
@@ -20,7 +20,7 @@ <h1 style="font-size: 1.5em;">Hello World for ES6</h1>
         }
     </script>
     <script type="module">
-        import { BarcodeReader, BarcodeScanner } from 'https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.6.10/dist/dbr.mjs';
+        import { BarcodeReader, BarcodeScanner } from 'https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.6.11/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.
          */
@@ -30,11 +30,11 @@ <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.6.10&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.6.11&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.6.10/dist/";
+        BarcodeReader.engineResourcePath = "https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.6.11/dist/";
 
         let pScanner = null;
         (async () => {
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 b4048340..da972f96 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.6.10",
+    "dynamsoft-javascript-barcode": "9.6.11",
     "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/dbr.ts b/1.hello-world/13.read-video-react-ts/src/dbr.ts
index 45b7d78c..4c23fd7b 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.6.10&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.6.11&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.6.10/dist/";
\ No newline at end of file
+BarcodeReader.engineResourcePath = "https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.6.11/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 a2227bb8..a24dea82 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.6.10/dist/dbr.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.6.11/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.6.10&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.6.11&utm_source=github#specify-the-license or contact support@dynamsoft.com.
          * LICENSE ALERT - THE END 
          */
 
diff --git a/1.hello-world/3.read-video-angular/package.json b/1.hello-world/3.read-video-angular/package.json
index cc67e5cf..ae65dc2d 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.6.10",
+        "dynamsoft-javascript-barcode": "9.6.11",
         "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/dbr.ts b/1.hello-world/3.read-video-angular/src/app/dbr.ts
index 9ebd73f7..e1f2aea1 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.6.10&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.6.11&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.6.10/dist/';
+BarcodeReader.engineResourcePath = 'https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.6.11/dist/';
diff --git a/1.hello-world/4.read-video-react/package.json b/1.hello-world/4.read-video-react/package.json
index 72c6615c..7cac8064 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.6.10",
+        "dynamsoft-javascript-barcode": "9.6.11",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
         "react-scripts": "^4.0.3",
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 45b7d78c..4c23fd7b 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.6.10&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.6.11&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.6.10/dist/";
\ No newline at end of file
+BarcodeReader.engineResourcePath = "https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.6.11/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 502a51bc..45e81acf 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.6.10",
+        "dynamsoft-javascript-barcode": "9.6.11",
         "vue": "^2.7.8"
     },
     "devDependencies": {
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 fa9a2094..8fa83513 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.6.10&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.6.11&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.6.10/dist/";
+BarcodeReader.engineResourcePath = "https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.6.11/dist/";
diff --git a/1.hello-world/6.read-video-vue3/package.json b/1.hello-world/6.read-video-vue3/package.json
index 7a7730ef..8a6af798 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.6.10",
+        "dynamsoft-javascript-barcode": "9.6.11",
         "vue": "^3.0.0"
     },
     "devDependencies": {
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 c3a35a46..be2c9ee8 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.6.10&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.6.11&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.6.10/dist/";
\ No newline at end of file
+BarcodeReader.engineResourcePath = "https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.6.11/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 fa9a2094..8fa83513 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.6.10&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.6.11&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.6.10/dist/";
+BarcodeReader.engineResourcePath = "https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.6.11/dist/";
diff --git a/1.hello-world/7.read-video-nextjs/package.json b/1.hello-world/7.read-video-nextjs/package.json
index 9e8f25a2..f7311a16 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.6.10",
+        "dynamsoft-javascript-barcode": "9.6.11",
         "next": "^13.0.6",
         "react": "^18.2.0",
         "react-dom": "^18.2.0"
diff --git a/1.hello-world/8.read-video-nuxtjs/dbr.js b/1.hello-world/8.read-video-nuxtjs/dbr.js
index d5bb0722..c7cc7796 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.6.10&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.6.11&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.6.10/dist/";
+BarcodeReader.engineResourcePath = "https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.6.11/dist/";
diff --git a/1.hello-world/8.read-video-nuxtjs/package.json b/1.hello-world/8.read-video-nuxtjs/package.json
index b80e9a08..b9145db6 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.6.10",
+        "dynamsoft-javascript-barcode": "9.6.11",
         "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 6e6f5f39..75cd0464 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.6.10&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.6.11&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 f9736428..bfc1bff8 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.6.10",
+        "dynamsoft-javascript-barcode": "9.6.11",
         "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 7af3e2bf..700a4a47 100644
--- a/2.ui-tweaking/1.read-video-show-result.html
+++ b/2.ui-tweaking/1.read-video-show-result.html
@@ -29,7 +29,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.6.10/dist/dbr.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.6.11/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.
@@ -40,7 +40,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.6.10&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.6.11&utm_source=github#specify-the-license or contact support@dynamsoft.com.
          * LICENSE ALERT - THE END 
          */
 
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 1d02691f..457b3f14 100644
--- a/2.ui-tweaking/2.read-video-no-extra-control.html
+++ b/2.ui-tweaking/2.read-video-no-extra-control.html
@@ -27,7 +27,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.6.10/dist/dbr.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.6.11/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.
@@ -38,7 +38,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.6.10&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.6.11&utm_source=github#specify-the-license or contact support@dynamsoft.com.
          * LICENSE ALERT - THE END 
          */
 
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 d5555cf6..7e9483e2 100644
--- a/2.ui-tweaking/3.read-video-with-external-control.html
+++ b/2.ui-tweaking/3.read-video-with-external-control.html
@@ -77,7 +77,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.6.10/dist/dbr.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.6.11/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.
@@ -88,7 +88,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.6.10&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.6.11&utm_source=github#specify-the-license or contact support@dynamsoft.com.
          * LICENSE ALERT - THE END 
          */
 
diff --git a/2.ui-tweaking/4.difference-video-size.html b/2.ui-tweaking/4.difference-video-size.html
index 2e69ccbd..00875b50 100644
--- a/2.ui-tweaking/4.difference-video-size.html
+++ b/2.ui-tweaking/4.difference-video-size.html
@@ -32,7 +32,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.6.10/dist/dbr.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.6.11/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.
@@ -43,7 +43,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.6.10&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.6.11&utm_source=github#specify-the-license or contact support@dynamsoft.com.
          * LICENSE ALERT - THE END 
          */
 
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 5ae1d947..0d416ccb 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
@@ -11,13 +11,13 @@
 
 <body>
     <script>
-        if(location.protocol === "file:") {
+        if (location.protocol === "file:") {
             const message = `The page is opened via file:// and "BarcodeScanner" may not work properly. Please open the page via https:// or host it on "http://localhost/".`;
             console.warn(message);
             alert(message);
         }
     </script>
-    
+
     <h1>Customized Default UI</h1>
     <div class="controler">
         <div class="selector">
@@ -57,7 +57,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.6.10/dist/dbr.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.6.11/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.
@@ -68,7 +68,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.6.10&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.6.11&utm_source=github#specify-the-license or contact support@dynamsoft.com.
          * LICENSE ALERT - THE END 
          */
 
@@ -79,7 +79,7 @@ <h1>Customized Default UI</h1>
         let animateTimer = null;
         // scanner for decoding video
         let pScanner = null;
-        (async() => {
+        (async () => {
             try {
                 // use the API defaultUIElementURL to set specified html as the default UIelement
                 await (Dynamsoft.DBR.BarcodeScanner.defaultUIElementURL = "./my.dbr.scanner.html");
@@ -90,8 +90,12 @@ <h1>Customized Default UI</h1>
             }
         })();
         // add the click event to the selector
-        document.getElementById("cam_selector_switch").addEventListener("click", toggleCamView);
-        document.getElementById("res_selector_switch").addEventListener("click", toggleResView);
+        document.getElementById("cam_selector_switch").addEventListener("click", () => {
+            toggleOptionsView("camera");
+        });
+        document.getElementById("res_selector_switch").addEventListener("click", () => {
+            toggleOptionsView("resolution");
+        });
         // decode video from camera
         async function showScanner() {
             try {
@@ -106,88 +110,72 @@ <h1>Customized Default UI</h1>
                     }, 2000);
                 };
                 await scanner.open();
-                renderCamreaSelector();
+                renderCameraSelector();
                 renderResolutionSelector();
             } 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;
+                    errMsg = ex.message || ex;
                 }
                 console.error(errMsg);
                 alert(errMsg);
             }
         }
-        // initial selector renderer
-        async function renderCamreaSelector() {
+        // camera selector renderer
+        async function renderCameraSelector() {
             let scanner = await pScanner;
             const cameras = await scanner.getAllCameras();
-            document.getElementById("ul_options_camera").innerHTML = "";
+            const currentCamera = await scanner.getCurrentCamera();
+            const optionsUl = document.getElementById("ul_options_camera");
+            optionsUl.innerHTML = "";
             cameras.forEach(camera => {
                 let li = document.createElement("li");
                 let span = document.createElement("span");
+                span.addEventListener("click", camOptionSelected);
                 span.setAttribute("id", camera.deviceId);
                 span.innerText = camera.label;
-                li.appendChild(span);
-                document.getElementById("ul_options_camera").appendChild(li);
-            });
-            // highlight and display the selected option and add click event to selector
-            const camOption = document.querySelectorAll("#ul_options_camera span");
-            const currentCamera = await scanner.getCurrentCamera();
-            camOption.forEach(sapn => {
-                sapn.addEventListener("click", camOptionSelected);
-                if (sapn.id === currentCamera.deviceId) {
-                    document.getElementById("selector_input_camera").value = sapn.innerText;
-                    sapn.classList.add("selected");
-                } else {
-                    sapn.classList.remove("selected");
+                if (camera.deviceId === currentCamera.deviceId) {
+                    document.getElementById("selector_input_camera").value = camera.label;
+                    span.classList.add("selected");
                 }
+                li.appendChild(span);
+                optionsUl.appendChild(li);
             });
+            const camOptions = document.querySelectorAll("#ul_options_camera span");
         }
+        // resolution selector renderer
         async function renderResolutionSelector() {
             let scanner = await pScanner;
             const currentResolution = await scanner.getResolution();
             const gotResolution = document.querySelector("#gotResolution span");
+            const resOptions = document.querySelectorAll("#ul_options_resolution span");
             gotResolution.innerText = 'got ' + currentResolution[0] + ' x ' + currentResolution[1];
             gotResolution.id = currentResolution[0] + 'x' + currentResolution[1];
-            document.getElementById("selector_input_resolution").value = gotResolution.innerText;
             gotResolution.classList.add("selected");
-            let resOption = document.querySelectorAll("#ul_options_resolution span");
-            for (let i = 0; i < resOption.length; i++) {
-                resOption[i].addEventListener("click", resOptionSelected);
+            document.getElementById("selector_input_resolution").value = gotResolution.innerText;
+            for (let i = 0; i < resOptions.length; i++) {
+                resOptions[i].addEventListener("click", resOptionSelected);
             };
             toggleMaskView();
         }
         // when the selector is clicked
-        function toggleCamView(e) {
+        function toggleOptionsView(selectorType) {
+            const arrowId = selectorType === "camera" ? "arrow_camera" : "arrow_resolution";
+            const options = selectorType === "camera" ? camOptions : resOptions;
             // expanding and collapsing control options by changing the classList
             clearTimeout(animateTimer);
-            camOptions.classList.toggle("noheight");
-            document.getElementById("arrow_camera").classList.toggle("trans");
-            const hidden = camOptions.classList.value.search("unshow");
+            options.classList.toggle("noheight");
+            document.getElementById(arrowId).classList.toggle("trans");
+            const hidden = options.classList.value.search("unshow");
             if (hidden !== -1) {
-                camOptions.classList.replace("unshow", "show");
-                document.addEventListener("click", clickToHidden);
+                options.classList.replace("unshow", "show");
+                document.addEventListener("click", clickToHiddenOptions);
             } else {
                 // remove styles such as shadows after the transition ends
                 animateTimer = setTimeout(() => {
-                    camOptions.classList.replace("show", "unshow");
-                }, 200);
-            }
-        }
-
-        function toggleResView(e) {
-            clearTimeout(animateTimer);
-            resOptions.classList.toggle("noheight");
-            document.getElementById("arrow_resolution").classList.toggle("trans");
-            const hidden = resOptions.classList.value.search("unshow");
-            if (hidden !== -1) {
-                resOptions.classList.replace("unshow", "show");
-                document.addEventListener("click", clickToHidden);
-            } else {
-                animateTimer = setTimeout(() => {
-                    resOptions.classList.replace("show", "unshow");
+                    options.classList.replace("show", "unshow");
                 }, 200);
             }
         }
@@ -200,16 +188,26 @@ <h1>Customized Default UI</h1>
             }
             toggleMaskView();
             const cameras = await scanner.getAllCameras();
-            cameras.forEach(async camera => {
-                if (camera.deviceId === e.target.id) {
+            const camOptions = document.querySelectorAll("#ul_options_camera span");
+            for (let i = 0; i < cameras.length; i++) {
+                if (cameras[i].deviceId === e.target.id) {
                     try {
-                        await scanner.setCurrentCamera(camera);
+                        await scanner.setCurrentCamera(cameras[i].deviceId);
                     } catch (ex) {
                         alert('Play video failed: ' + (ex.message || ex));
                     }
-                    renderResolutionSelector();
+                    const _currentCamera = await scanner.getCurrentCamera();
+                    camOptions.forEach(span => {
+                        if (span.id === _currentCamera.deviceId) {
+                            document.getElementById("selector_input_camera").value = span.innerText;
+                            span.classList.add("selected");
+                        } else {
+                            span.classList.remove("selected");
+                        }
+                    });
+                    return renderResolutionSelector();
                 }
-            })
+            }
         }
         async function resOptionSelected(e) {
             const data = e.target.id.split("x");
@@ -221,26 +219,28 @@ <h1>Customized Default UI</h1>
             toggleMaskView();
             const targetResolution = [parseInt(data[0]), parseInt(data[1])];
             await scanner.setResolution(targetResolution);
-            renderResolutionSelector();
+            const _currentResolution = await scanner.getResolution();
+            const gotResolution = document.querySelector("#gotResolution span");
+            const resOptions = document.querySelectorAll("#ul_options_resolution span");
+            gotResolution.innerText = 'got ' + _currentResolution[0] + ' x ' + _currentResolution[1];
+            gotResolution.id = _currentResolution[0] + 'x' + _currentResolution[1];
+            document.getElementById("selector_input_resolution").value = gotResolution.innerText;
+            toggleMaskView();
         }
         // camera's styles mask show or not
         function toggleMaskView() {
-            let dceLoading = document.getElementById('dce-loading');
             let dceMask = document.getElementById('dce-mask');
-            let dceScanlight = document.getElementById('dce-scanlight');
-            dceLoading.style.display = dceLoading.style.display === "none" ? "inline-block" : "none"
             dceMask.hidden = !dceMask.hidden;
-            dceScanlight.hidden = !dceScanlight.hidden;
         }
         // click anywhere outside the options to collapse the options
-        function clickToHidden(e) {
+        function clickToHiddenOptions(e) {
             const camViewable = camOptions.classList.value.search("unshow");
             const resViewable = resOptions.classList.value.search("unshow");
             if (camViewable === -1 && e.target.id != "selector_input_camera" && e.target.id != "arrow_camera" && e.target.parentNode.id != "arrow_camera") {
-                toggleCamView();
+                toggleOptionsView("camera");
             }
             if (resViewable === -1 && e.target.id != "selector_input_resolution" && e.target.id != "arrow_resolution" && e.target.parentNode.id != "arrow_resolution") {
-                toggleResView();
+                toggleOptionsView("resolution");
             }
             if (camViewable !== -1 && resViewable !== -1) {
                 // trigger only once
@@ -254,7 +254,7 @@ <h1>Customized Default UI</h1>
         margin: 0;
         padding: 0;
     }
-    
+
     body {
         display: flex;
         flex-direction: column;
@@ -265,29 +265,30 @@ <h1>Customized Default UI</h1>
         height: 90vh;
         color: #455A64;
     }
-    
+
     h1 {
         font-size: 1.5em;
     }
-    
+
     .controler {
         display: flex;
         flex-direction: row;
         align-items: center;
         justify-content: center;
     }
-    
+
     .selector {
         margin: 10px;
     }
+
     /* Small devices */
-    
+
     @media only screen and (max-width: 545px) {
         .controler {
             flex-direction: column;
         }
     }
-    
+
     .selector_switch {
         position: relative;
         width: 250px;
@@ -298,11 +299,11 @@ <h1>Customized Default UI</h1>
         cursor: pointer;
         transition: all 200ms;
     }
-    
+
     .selector_switch:hover {
         border: 1px solid #b4b4b4;
     }
-    
+
     .selector_input {
         position: absolute;
         left: 0;
@@ -317,22 +318,22 @@ <h1>Customized Default UI</h1>
         border-radius: 5px;
         color: #606266;
     }
-    
+
     .selector_switch svg {
         height: 30px;
         position: absolute;
         right: 5px;
     }
-    
+
     .arrow {
         transform: rotate(0deg);
         transition: all 200ms;
     }
-    
+
     .trans {
         transform: rotate(-180deg);
     }
-    
+
     .options {
         position: absolute;
         width: 250px;
@@ -345,28 +346,28 @@ <h1>Customized Default UI</h1>
         z-index: 2000;
         background-color: #fff;
     }
-    
+
     .show {
         border: 1px solid #e4e7ed;
         box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
         max-height: 200px;
     }
-    
+
     .unshow {
         border: none;
         box-shadow: none;
     }
-    
+
     .noheight {
         max-height: 0;
     }
-    
+
     ul {
         list-style: none;
         margin: 5px auto;
         padding: 0;
     }
-    
+
     ul li {
         height: 30px;
         line-height: 30px;
@@ -376,16 +377,16 @@ <h1>Customized Default UI</h1>
         font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif;
         font-size: 14px;
     }
-    
+
     ul li:hover {
         background-color: #f5f7fa;
     }
-    
+
     .selected {
         color: #fe8e14;
         font-weight: bold;
     }
-    
+
     ul li span {
         display: inline-block;
         width: 100%;
@@ -393,7 +394,7 @@ <h1>Customized Default UI</h1>
         box-sizing: border-box;
         padding: 0 20px;
     }
-    
+
     .UIElement {
         width: 80vw;
         height: 60vh;
@@ -402,12 +403,12 @@ <h1>Customized Default UI</h1>
         text-align: center;
         font-size: medium;
     }
-    
+
     .UIElement>div {
         width: 100%;
         height: 100%;
     }
-    
+
     .latest-result {
         display: block;
         margin: 0;
@@ -420,11 +421,11 @@ <h1>Customized Default UI</h1>
         border-radius: 0.2rem;
         text-align: center;
     }
-    
+
     .latest-result::placeholder {
         color: #B0BEC5;
     }
-    
+
     .latest-result:focus {
         outline: none;
         box-shadow: 0.1rem 0.4rem 0.8rem #fe8e14;
diff --git a/2.ui-tweaking/my.dbr.scanner.html b/2.ui-tweaking/my.dbr.scanner.html
index 06663db3..240b47b1 100644
--- a/2.ui-tweaking/my.dbr.scanner.html
+++ b/2.ui-tweaking/my.dbr.scanner.html
@@ -1,5 +1,5 @@
 <div id="div-ui-container" style="width:100%;height:100%;position:relative;">
-	<svg id="dce-loading" style="animation:turn 1.5s linear infinite;" viewBox="0 0 1024 1024" p-id="11986" width="200" height="200"><path d="M512.1 64.2c-35.4 0-64 28.7-64 64v128c0 35.4 28.7 64 64 64 35.4 0 64-28.7 64-64v-128c0-35.3-28.6-64-64-64zM320.4 328.3l-110.8-64c-30.6-17.7-69.8-7.2-87.4 23.4-17.7 30.6-7.2 69.8 23.4 87.4l110.8 64c30.6 17.7 69.8 7.2 87.4-23.4 17.7-30.6 7.2-69.8-23.4-87.4zM342.4 609.2c-17.7-30.6-56.8-41.1-87.4-23.4l-110.8 64c-30.6 17.7-41.1 56.8-23.4 87.4 17.7 30.6 56.8 41.1 87.4 23.4l110.8-64c30.6-17.7 41.1-56.8 23.4-87.4zM509.2 707.1c-35.4 0-64 28.7-64 64v128c0 35.4 28.7 64 64 64 35.4 0 64-28.7 64-64v-128c0-35.3-28.6-64-64-64zM875.8 652.2l-110.8-64c-30.6-17.7-69.8-7.2-87.4 23.4-17.7 30.6-7.2 69.8 23.4 87.4l110.8 64c30.6 17.7 69.8 7.2 87.4-23.4 17.7-30.6 7.2-69.7-23.4-87.4zM678.9 418.2c17.7 30.6 56.8 41.1 87.4 23.4l110.8-64c30.6-17.7 41.1-56.8 23.4-87.4-17.7-30.6-56.8-41.1-87.4-23.4l-110.8 64c-30.6 17.6-41.1 56.8-23.4 87.4z" p-id="11987"></path></svg>
+	<svg id="dce-loading" style="position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;width:40%;height:40%;animation:turn 1.5s linear infinite;" viewBox="0 0 1024 1024" p-id="11986" width="200" height="200"><path d="M512.1 64.2c-35.4 0-64 28.7-64 64v128c0 35.4 28.7 64 64 64 35.4 0 64-28.7 64-64v-128c0-35.3-28.6-64-64-64zM320.4 328.3l-110.8-64c-30.6-17.7-69.8-7.2-87.4 23.4-17.7 30.6-7.2 69.8 23.4 87.4l110.8 64c30.6 17.7 69.8 7.2 87.4-23.4 17.7-30.6 7.2-69.8-23.4-87.4zM342.4 609.2c-17.7-30.6-56.8-41.1-87.4-23.4l-110.8 64c-30.6 17.7-41.1 56.8-23.4 87.4 17.7 30.6 56.8 41.1 87.4 23.4l110.8-64c30.6-17.7 41.1-56.8 23.4-87.4zM509.2 707.1c-35.4 0-64 28.7-64 64v128c0 35.4 28.7 64 64 64 35.4 0 64-28.7 64-64v-128c0-35.3-28.6-64-64-64zM875.8 652.2l-110.8-64c-30.6-17.7-69.8-7.2-87.4 23.4-17.7 30.6-7.2 69.8 23.4 87.4l110.8 64c30.6 17.7 69.8 7.2 87.4-23.4 17.7-30.6 7.2-69.7-23.4-87.4zM678.9 418.2c17.7 30.6 56.8 41.1 87.4 23.4l110.8-64c30.6-17.7 41.1-56.8 23.4-87.4-17.7-30.6-56.8-41.1-87.4-23.4l-110.8 64c-30.6 17.6-41.1 56.8-23.4 87.4z" p-id="11987"></path></svg>
 	<div class="dce-video-container" style="position:absolute;width:100%;height:100%;"></div>
 	<div class="dce-scanarea" style="width:100%;height:100%;position:absolute;left:0;top:0;overflow:hidden;">
 		<div id="dce-scanlight" class="dce-scanlight" hidden style="width:100%;display:none;height:70px;position:absolute;animation:3s infinite dce-scanlight;background-image:linear-gradient(#ffffff00, #ffb668);border-bottom:2px solid #ff8400;user-select:none;"></div>
diff --git a/3.settings/1.barcodeFormats-expectedBarcodes.html b/3.settings/1.barcodeFormats-expectedBarcodes.html
index 6db28b71..d67570fb 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.6.10/dist/dbr.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.6.11/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 d5e2b8d0..a3bf86a0 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.6.10/dist/dbr.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.6.11/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 a68eebc1..f50f62ff 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.6.10/dist/dbr.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.6.11/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 f966c6d0..b3fc5975 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.6.10/dist/dbr.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.6.11/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 00ff484a..af2d792e 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.6.10/dist/dbr.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.6.11/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
index b9b669c8..861997b7 100644
--- a/3.settings/6.dense-barcodes.html
+++ b/3.settings/6.dense-barcodes.html
@@ -18,7 +18,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.6.10/dist/dbr.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.6.11/dist/dbr.js"></script>
   </head>
   <body>
     <div id="div-ui-container" style="width: 100%; height: 70vh"></div>
@@ -43,7 +43,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.6.10&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.6.11&utm_source=github#specify-the-license or contact support@dynamsoft.com.
        * LICENSE ALERT - THE END
        */
 
diff --git a/3.settings/initScanner.js b/3.settings/initScanner.js
index 772e619e..22d319ff 100644
--- a/3.settings/initScanner.js
+++ b/3.settings/initScanner.js
@@ -26,7 +26,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.6.10&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.6.11&utm_source=github#specify-the-license or contact support@dynamsoft.com.
          * LICENSE ALERT - THE END 
          */
 
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 9c292bd1..bb85573c 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.6.10/dist/dbr.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.6.11/dist/dbr.js"></script>
 </head>
 
 <body>
@@ -42,7 +42,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.6.10&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.6.11&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 72214cec..0adb4e74 100644
--- a/4.use-case/2.read-a-drivers-license.html
+++ b/4.use-case/2.read-a-drivers-license.html
@@ -44,7 +44,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.6.10/dist/dbr.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.6.11/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 
@@ -57,7 +57,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.6.10&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.6.11&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 21409d73..b739c48e 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.6.10/dist/dbr.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.6.11/dist/dbr.js"></script>
     <script>
         if(location.protocol === "file:") {
             const message = `The page is opened via file:// and "BarcodeScanner" may not work properly. Please open the page via https:// or host it on "http://localhost/".`;
@@ -40,7 +40,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.6.10&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.6.11&utm_source=github#specify-the-license or contact support@dynamsoft.com.
          * LICENSE ALERT - THE END 
          */
 
