replace alert

Cube-J · Cube-J · commit 7f56631b72f9 · 2024-01-05T11:25:13.000+08:00
diff --git a/hello-world/hello-world.html b/hello-world/hello-world.html
@@ -15,17 +15,20 @@
     <title>
       Dynamsoft Barcode Reader Sample - Hello World (Decode via Camera)
     </title>
-    <script src="https://npm.scannerproxy.com/cdn/@dynamsoft/dynamsoft-core@3.0.20-dev-20231222173812/dist/core.js"></script>
-    <script src="https://npm.scannerproxy.com/cdn/@dynamsoft/dynamsoft-license@3.0.0-dev-20231222153411/dist/license.js"></script>
-    <script src="https://npm.scannerproxy.com/cdn/@dynamsoft/dynamsoft-utility@1.0.10-dev-20231220174819/dist/utility.js"></script>
-    <script src="https://npm.scannerproxy.com/cdn/@dynamsoft/dynamsoft-barcode-reader@10.0.20-dev-20231222153407/dist/dbr.js"></script>
-    <script src="https://npm.scannerproxy.com/cdn/@dynamsoft/dynamsoft-capture-vision-router@2.0.20-dev-20231222144235/dist/cvr.js"></script>
-    <script src="https://npm.scannerproxy.com/cdn/@dynamsoft/dynamsoft-camera-enhancer@4.0.1-dev-20231222174818/dist/dce.js"></script>
+    <script src="https://npm.scannerproxy.com/cdn/@dynamsoft/dynamsoft-core@3.0.20-dev-20240103172308/dist/core.js"></script>
+    <script src="https://npm.scannerproxy.com/cdn/@dynamsoft/dynamsoft-license@3.0.0-dev-20240103111927/dist/license.js"></script>
+    <script src="https://npm.scannerproxy.com/cdn/@dynamsoft/dynamsoft-utility@1.0.10-dev-20240105111526/dist/utility.js"></script>
+    <script src="https://npm.scannerproxy.com/cdn/@dynamsoft/dynamsoft-barcode-reader@10.0.20-dev-20240105110155/dist/dbr.js"></script>
+    <script src="https://npm.scannerproxy.com/cdn/@dynamsoft/dynamsoft-capture-vision-router@2.0.20-dev-20240103180822/dist/cvr.js"></script>
+    <script src="https://npm.scannerproxy.com/cdn/@dynamsoft/dynamsoft-camera-enhancer@4.0.1-dev-20240103095540/dist/dce.js"></script>
   </head>
 
   <body>
     <h1>Hello World (Decode via Camera)</h1>
     <div id="div-ui-container" style="width: 100%; height: 80vh"></div>
+    Results:
+    <br>
+    <div id="div-results-container" style="width: 100%; height: 10vh; overflow: auto;"></div>
     <script>
       if (location.protocol === "file:") {
         const message = `The page is opened via file:// and our SDKs may not work properly. Please open the page via https:// or host it on "http://localhost/".`;
@@ -67,9 +70,15 @@ <h1>Hello World (Decode via Camera)</h1>
           // Define a callback for results.
           const resultReceiver = new Dynamsoft.CVR.CapturedResultReceiver();
           resultReceiver.onDecodedBarcodesReceived = (result) => {
+            if (!result.barcodesResultItems.length) return;
+
+            const resultsContainer = document.querySelector("#div-results-container");
+            resultsContainer.innerHTML = "";
+            console.log(result);
             for (let item of result.barcodesResultItems) {
-              console.log(item.text);
-              alert(item.text);
+              // console.log(item.text);
+              // alert(item.text);
+              resultsContainer.innerHTML += `${item.formatString}: ${item.text}<br>`;
             }
           };
           router.addResultReceiver(resultReceiver);
@@ -94,6 +103,7 @@ <h1>Hello World (Decode via Camera)</h1>
           // Open camera and start scanning single barcode.
           await cameraEnhancer.open();
           await router.startCapturing("ReadSingleBarcode");
+          // await router.startCapturing("ReadBarcodes_SpeedFirst");
         } catch (ex) {
           let errMsg;
           if (ex.message?.includes("network connection error")) {
