Dynamsoft
diff --git a/‎1.hello-world/1.minimum-code.html‎ ‎1.hello-world/1.hello-world.html‎1.hello-world/1.minimum-code.html renamed to 1.hello-world/1.hello-world.html
Lines changed: 2 additions & 6 deletions b/‎1.hello-world/1.minimum-code.html‎ ‎1.hello-world/1.hello-world.html‎1.hello-world/1.minimum-code.html renamed to 1.hello-world/1.hello-world.html
Lines changed: 2 additions & 6 deletions
diff --git a/‎1.hello-world/12.minimum-code-es6.html‎ ‎1.hello-world/12.read-video-es6.html‎1.hello-world/12.minimum-code-es6.html renamed to 1.hello-world/12.read-video-es6.html b/‎1.hello-world/12.minimum-code-es6.html‎ ‎1.hello-world/12.read-video-es6.html‎1.hello-world/12.minimum-code-es6.html renamed to 1.hello-world/12.read-video-es6.html
diff --git a/‎1.hello-world/README.md‎
Lines changed: 0 additions & 73 deletions b/‎1.hello-world/README.md‎
Lines changed: 0 additions & 73 deletions
diff --git a/‎2.ui-tweaking/README.md‎
Lines changed: 0 additions & 38 deletions b/‎2.ui-tweaking/README.md‎
Lines changed: 0 additions & 38 deletions
diff --git a/‎3.settings/5.regionOfInterest-regionPredetection.html‎
Lines changed: 16 additions & 17 deletions b/‎3.settings/5.regionOfInterest-regionPredetection.html‎
Lines changed: 16 additions & 17 deletions
@@ -10,8 +10,6 @@
 </head>
 
 <body>
-    <h1 style="font-size: 1.5em;">Read Barcodes from a Camera</h1>
-    <button id="btn-show-scanner">Show Barcode Scanner</button>
     <script src="https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.0.0/dist/dbr.js"></script>
     <script>
         /** LICENSE ALERT - README 
@@ -27,10 +25,9 @@ <h1 style="font-size: 1.5em;">Read Barcodes from a Camera</h1>
          * LICENSE ALERT - THE END 
          */
 
-        let pScanner = null;
-        document.getElementById('btn-show-scanner').onclick = async function() {
+        window.onload = async function() {
             try {
-                const scanner = await (pScanner = pScanner || Dynamsoft.DBR.BarcodeScanner.createInstance());
+                const scanner = await Dynamsoft.DBR.BarcodeScanner.createInstance();
                 /* 
                  * onFrameRead is triggered after the library finishes reading a frame.
                  * There can be multiple barcodes on one frame.
@@ -52,7 +49,6 @@ <h1 style="font-size: 1.5em;">Read Barcodes from a Camera</h1>
                 }
                 await scanner.show();
             } catch (ex) {
-                alert(ex.message);
                 throw ex;
             }
         };
 
@@ -26,7 +26,7 @@ <h1 style="font-size: 1.5em;">Define or Detect the Region of Interest</h2>
         <!-- Manually defining the div that will contain the video so that the UI doesn't take up the full screen-->
         <div id="div-ui-container">
             <span id='lib-load' style='font-size:x-large' hidden>Loading Library...</span>
-	        <div class="dce-video-container" style="position:absolute;left:0;top:0;width:100%;height:100%;"></div>
+            <div class="dce-video-container" style="position:absolute;left:0;top:0;width:100%;height:100%;"></div>
         </div>
 
         <!-- Settings Menu displayed in a modal -->
@@ -119,36 +119,35 @@ <h1 style="font-size: 1.5em;">Define or Detect the Region of Interest</h2>
                  * Should the Region of Interest form change (as in the user inputted a value for regionTop, regionLeft, regionBottom, or regionRight) 
                  * update the runtime settings to reflect this change.
                  */
-
+                let settings = null;
                 let scanner = await pScanner;
+                settings = await scanner.getRuntimeSettings();
+                settings.region.regionMeasuredByPercentage = 1;
+                settings.region.regionTop = 0;
+                settings.region.regionBottom = 100;
+                settings.region.regionLeft = 0;
+                settings.region.regionRight = 100;
+                await scanner.updateRuntimeSettings(settings);
                 const roiFormInputs = document.querySelectorAll('input[name="regionDef"]');
-                let settings = null;
                 roiFormInputs.forEach(element => {
                     element.addEventListener("input", async function() {
                         try {
                             settings = await scanner.getRuntimeSettings();
-                            if (settings.region.regionMeasuredByPercentage === undefined)
-                                settings.region.regionMeasuredByPercentage = true;
-                            if (settings.region.regionTop === undefined)
-                                settings.region.regionTop = 0;
-                            if (settings.region.regionBottom === undefined)
-                                settings.region.regionBottom = 100;
-                            if (settings.region.regionLeft === undefined)
-                                settings.region.regionLeft = 0;
-                            if (settings.region.regionRight === undefined)
-                                settings.region.regionRight = 100;
+                            let parsedValue = parseInt(this.value);
+                            if (parsedValue > 100) parsedValue = 100;
+                            if (parsedValue < 0) parse = 0;
                             switch (this.id) {
                                 case "regionTop":
-                                    settings.region.regionTop = this.value;
+                                    settings.region.regionTop = parsedValue;
                                     break;
                                 case "regionBottom":
-                                    settings.region.regionBottom = this.value;
+                                    settings.region.regionBottom = parsedValue;
                                     break;
                                 case "regionLeft":
-                                    settings.region.regionLeft = this.value;
+                                    settings.region.regionLeft = parsedValue;
                                     break;
                                 case "regionRight":
-                                    settings.region.regionRight = this.value;
+                                    settings.region.regionRight = parsedValue;
                                     break;
                             }
                             await scanner.updateRuntimeSettings(settings);