update electron sample to adapt DBR JS 9.0.0

Author: Cube-J

1.hello-world/9.read-video-electron/action.js

@@ -22,7 +22,7 @@ document.getElementById('readBarcode').onclick = async () => {
                 console.log(results);
             }
         };
-        scanner.onUnduplicatedRead = (txt, result) => {
+        scanner.onUniqueRead = (txt, result) => {
             alert(txt, result);
         };
         document.getElementById("barcodeScannerUI").appendChild(scanner.getUIElement());

1.hello-world/9.read-video-electron/index.html

@@ -15,7 +15,8 @@ <h1 style="font-size: 1.5em;">Hello World for Electron</h1>
     <div class="container">
         <div id="barcodeScannerUI"></div>
     </div>
-    <script src="./node_modules/dynamsoft-javascript-barcode/dist/dbr.js"></script>
+    <!-- <script src="./node_modules/dynamsoft-javascript-barcode/dist/dbr.js"></script> -->
+    <script src="./node_modules/keillion-dynamsoft-javascript-barcode/dist/dbr.js"></script>
     <script src="action.js"></script>
 </body>
 

1.hello-world/9.read-video-electron/package.json

@@ -9,7 +9,8 @@
     },
     "author": "tom@dynamsoft.com",
     "dependencies": {
+        "dynamsoft-javascript-barcode": "8.8.7",
         "electron": "14.0.1",
-        "dynamsoft-javascript-barcode": "8.8.7"
+        "keillion-dynamsoft-javascript-barcode": "0.20220318174621.0"
     }
-}
+}

1.hello-world/9.read-video-electron/style.css

@@ -11,6 +11,6 @@ body {
     margin: 2vmin auto;
     text-align: center;
     font-size: medium;
-    height: 40vh;
+    height: 60vh;
     width: 80vw;
 }