Merge pull request #29 from Dynamsoft/_dev

Tom-Dynamsoft · web-flow · commit 299134f9c1f8 · 2022-04-29T13:41:46.000+08:00
Dev
diff --git a/1.hello-world/9.read-video-electron/action.js b/1.hello-world/9.read-video-electron/action.js
@@ -31,4 +31,4 @@ document.getElementById('readBarcode').onclick = async () => {
         alert(ex.message);
         throw ex;
     }
-};
+};
diff --git a/1.hello-world/9.read-video-electron/index.html b/1.hello-world/9.read-video-electron/index.html
@@ -12,9 +12,10 @@
 <body>
     <h1 style="font-size: 1.5em;">Hello World for Electron</h1>
     <button id='readBarcode'>Read Barcode via Camera</button>
-    <div class="container">
+    <div id="UIElement">
         <div id="barcodeScannerUI"></div>
     </div>
+    <input id="resultText" type="text" readonly="true">
     <script src="./node_modules/dynamsoft-javascript-barcode/dist/dbr.js"></script>
     <script src="action.js"></script>
 </body>
diff --git a/1.hello-world/9.read-video-electron/style.css b/1.hello-world/9.read-video-electron/style.css
@@ -1,3 +1,4 @@
+
 body {
     text-align: center;
 }
@@ -7,10 +8,21 @@ body {
     height: 100%;
 }
 
-.container {
+#UIElement {
     margin: 2vmin auto;
     text-align: center;
     font-size: medium;
-    height: 60vh;
+    height: 40vh;
+    width: 80vw;
+}
+#resultText {
+    display: block;
+    margin: 0 auto;
+    padding: 0.4rem 0.8rem;
+    color: inherit;
     width: 80vw;
+    border: none;
+    font-size: 1rem;
+    border-radius: 0.2rem;
+    text-align: center;
 }
diff --git a/3.settings/1.barcodeFormats-expectedBarcodes.html b/3.settings/1.barcodeFormats-expectedBarcodes.html
@@ -6,7 +6,7 @@
     <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 simple runtime settings.">
     <meta name="keywords" content="read barcode from camera, formats and count">
-    <title>Dynamsoft Barcode Reader Sample - Using Runtime Settings</title>
+    <title>Dynamsoft Barcode Reader Sample - Limit Barcode Formats or Count</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: 
diff --git a/3.settings/2.localizationModes-binarizationModes.html b/3.settings/2.localizationModes-binarizationModes.html
@@ -6,7 +6,7 @@
     <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 simple runtime settings.">
     <meta name="keywords" content="read barcode from camera, formats and count">
-    <title>Dynamsoft Barcode Reader Sample - Using Runtime Settings</title>
+    <title>Dynamsoft Barcode Reader Sample - Blurred or Small 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: 
diff --git a/3.settings/3.blurred-small-barcodes.html b/3.settings/3.blurred-small-barcodes.html
@@ -6,7 +6,7 @@
     <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 blurry or small codes.">
     <meta name="keywords" content="read barcode from camera, blurry, small">
-    <title>Dynamsoft Barcode Reader Sample - Using Runtime Settings</title>
+    <title>Dynamsoft Barcode Reader Sample - Blurred Small 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: 
diff --git a/3.settings/4.deformed-incomplete-barcodes.html b/3.settings/4.deformed-incomplete-barcodes.html
@@ -6,7 +6,7 @@
     <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 deformed or incomplete codes.">
     <meta name="keywords" content="read barcode from camera, deformed, incomplete">
-    <title>Dynamsoft Barcode Reader Sample - Using Runtime Settings</title>
+    <title>Dynamsoft Barcode Reader Sample - Deformed or Incomplete 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: 
diff --git a/3.settings/5.regionOfInterest-regionPredetection.html b/3.settings/5.regionOfInterest-regionPredetection.html
@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
     <meta name="description" content="Read barcodes from camera with Dynamsoft Barcode Reader, read only the area of interest.">
     <meta name="keywords" content="read barcode from camera, region of interest">
-    <title>Dynamsoft Barcode Reader Sample - Using Runtime Settings</title>
+    <title>Dynamsoft Barcode Reader Sample - Region Definition or Pre-detection</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: 

Original file line number	Diff line number	Diff line change
`@@ -31,4 +31,4 @@ document.getElementById('readBarcode').onclick = async () => {`
`31`	`31`	`alert(ex.message);`
`32`	`32`	`throw ex;`
`33`	`33`	`}`
`34`		`-};`
	`34`	`+};`