add a warning;

Cube-J · Cube-J · commit d40de0a56303 · 2023-02-20T14:39:55.000+08:00
diff --git a/1.hello-world/1.hello-world.html b/1.hello-world/1.hello-world.html
@@ -13,6 +13,13 @@
 <body>
     Loading...
     <script src="https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.6.10/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/".`;
+            console.warn(message);
+            alert(message);
+        }
+    </script>
     <script>
         /** LICENSE ALERT - README 
          * To use the library, you need to first specify a license key using the API "license" as shown below.
diff --git a/1.hello-world/10.read-video-pwa/helloworld-pwa.html b/1.hello-world/10.read-video-pwa/helloworld-pwa.html
@@ -15,6 +15,13 @@
     <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>
+        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>
     <script>
         /** LICENSE ALERT - README 
          * To use the library, you need to first specify a license key using the API "license" as shown below.
diff --git a/1.hello-world/11.read-video-requirejs.html b/1.hello-world/11.read-video-requirejs.html
@@ -12,6 +12,13 @@
     <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>
+        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>
     <script>
         requirejs(['https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.6.10/dist/dbr.js'], function({
             BarcodeReader,
diff --git a/1.hello-world/12.read-video-es6.html b/1.hello-world/12.read-video-es6.html
@@ -12,6 +12,13 @@
 <body>
     <h1 style="font-size: 1.5em;">Hello World for ES6</h1>
     Loading...
+    <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/".`;
+            console.warn(message);
+            alert(message);
+        }
+    </script>
     <script type="module">
         import { BarcodeReader, BarcodeScanner } from 'https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.6.10/dist/dbr.mjs';
         /** LICENSE ALERT - README 
diff --git a/1.hello-world/2.read-an-image.html b/1.hello-world/2.read-an-image.html
@@ -31,6 +31,13 @@ <h1 style="font-size: 1.5em;">Read Barcode from Images</h1>
         }
     </style>
     <script src="https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.6.10/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/".`;
+            console.warn(message);
+            alert(message);
+        }
+    </script>
     <script>
         /** LICENSE ALERT - README 
          * To use the library, you need to first specify a license key using the API "license" as shown below.
diff --git a/1.hello-world/9.read-video-electron/index.html b/1.hello-world/9.read-video-electron/index.html
@@ -17,6 +17,13 @@ <h1 style="font-size: 1.5em;">Hello World for Electron</h1>
     </div>
     <input id="resultText" type="text" readonly="true">
     <script src="./node_modules/dynamsoft-javascript-barcode/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/".`;
+            console.warn(message);
+            alert(message);
+        }
+    </script>
     <script src="action.js"></script>
 </body>
 
diff --git a/2.ui-tweaking/1.read-video-show-result.html b/2.ui-tweaking/1.read-video-show-result.html
@@ -22,6 +22,13 @@ <h1 style="font-size: 1.5em;">Use the Default Built-in UI</h1>
         <div id="results"></div>
     </div>
     <script src="https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.6.10/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/".`;
+            console.warn(message);
+            alert(message);
+        }
+    </script>
     <script>
         /** LICENSE ALERT - README 
          * To use the library, you need to first specify a license key using the API "license" as shown below.
diff --git a/2.ui-tweaking/2.read-video-no-extra-control.html b/2.ui-tweaking/2.read-video-no-extra-control.html
@@ -20,6 +20,13 @@ <h1 style="font-size: 1.5em;">Hide UI Controls</h1>
     </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>
+        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>
     <script>
         /** LICENSE ALERT - README 
          * To use the library, you need to first specify a license key using the API "license" as shown below.
diff --git a/2.ui-tweaking/3.read-video-with-external-control.html b/2.ui-tweaking/3.read-video-with-external-control.html
@@ -70,6 +70,13 @@ <h1 style="font-size: 1.5em;">Customized UI</h1>
     </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>
+        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>
     <script>
         /** LICENSE ALERT - README 
          * To use the library, you need to first specify a license key using the API "license" as shown below.
diff --git a/2.ui-tweaking/4.difference-video-size.html b/2.ui-tweaking/4.difference-video-size.html
@@ -25,6 +25,13 @@ <h1 style="font-size: 1.5em;">Enlarge the Video Stream</h1>
     <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>
+        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>
     <script>
         /** LICENSE ALERT - README 
          * To use the library, you need to first specify a license key using the API "license" as shown below.
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
@@ -50,6 +50,13 @@ <h1>Customized Default UI</h1>
     <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>
+        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>
     <script>
         /** LICENSE ALERT - README 
          * To use the library, you need to first specify a license key using the API "license" as shown below.
diff --git a/3.settings/6.dense-barcodes.html b/3.settings/6.dense-barcodes.html
@@ -26,6 +26,13 @@
       id="textarea-results"
       style="width: 100%; height: 20vh;margin-top: 20px;"
     ></textarea>
+    <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/".`;
+        console.warn(message);
+        alert(message);
+      }
+    </script>
     <script>
       /** LICENSE ALERT - README
        * To use the library, you need to first specify a license key using the API "license" as shown below.
diff --git a/3.settings/initScanner.js b/3.settings/initScanner.js
@@ -1,5 +1,11 @@
 /* The purpose of this file is to combine the DBR Scanner initialization code as well as the common operations among all the samples in the settings folder */
 
+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);
+}
+
 let pScanner = null;
 let initialSettings = null;
 let loadingText = document.getElementById('lib-load');
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
@@ -25,6 +25,13 @@ <h3>Click each input box to fill in!</h3>
         <input type="text" class="latest-result" readonly="true" placeholder="Barcode Result 3">
     </div>
     <span id='lib-load' style='font-size:x-large'>Loading Library...</span>
+    <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/".`;
+            console.warn(message);
+            alert(message);
+        }
+    </script>
     <script>
         /** LICENSE ALERT - README 
          * To use the library, you need to first specify a license key using the API "license" as shown below.
diff --git a/4.use-case/2.read-a-drivers-license.html b/4.use-case/2.read-a-drivers-license.html
@@ -38,6 +38,13 @@ <h1 id='header'>Read A Driver's License <a href="javascript:void(0)" id='readAga
     </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-code-parser@1.1.0/dist/dcp.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/".`;
+            console.warn(message);
+            alert(message);
+        }
+    </script>
     <script>
         /** LICENSE ALERT - README 
          * To use the library, you need to first specify a license key using the API "license" as shown below.
diff --git a/5.others/debug/public/index.html b/5.others/debug/public/index.html
@@ -21,6 +21,13 @@ <h1 style="font-size: 1.5em;">Read Barcodes from Camera - Debug</h1>
     <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>
+        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>
     <script>
         eruda.init();
         Dynamsoft.DBR.BarcodeReader._onLog = console.log;
