updates for demoing the samples

Tom-Dynamsoft · Tom-Dynamsoft · commit c291ef085a0f · 2021-11-02T10:52:34.000+08:00
diff --git a/1.hello-world/1.minimum-code.html b/1.hello-world/1.minimum-code.html
@@ -16,7 +16,7 @@
 </head>
 
 <body>
-    <h1>Read Barcodes from a Camera</h1>
+    <h1 style="font-size: 1.5em;">Read Barcodes from a Camera</h1>
     <button id="btn-show-scanner">Show Barcode Scanner</button>
     <script>
         /** LICENSE ALERT - README
diff --git a/1.hello-world/10.read-video-pwa/helloworld-pwa.html b/1.hello-world/10.read-video-pwa/helloworld-pwa.html
@@ -12,7 +12,7 @@
 </head>
 
 <body>
-    <h1>Hello World for PWA</h1>
+    <h1 style="font-size: 1.5em;">Hello World for PWA</h1>
     <button id='readBarcode'>Read Barcode via Camera</button>
     <script>
         /** LICENSE ALERT - README
diff --git a/1.hello-world/11.read-video-requirejs.html b/1.hello-world/11.read-video-requirejs.html
@@ -9,7 +9,7 @@
 </head>
 
 <body>
-    <h1>Hello World for RequireJS</h1>
+    <h1 style="font-size: 1.5em;">Hello World for RequireJS</h1>
     <button id="readBarcode">show scanner</button>
     <script src="https://cdn.jsdelivr.net/npm/requirejs@2.3.6/require.js"></script>
     <script>
diff --git a/1.hello-world/12.read-video-webpack/index.html b/1.hello-world/12.read-video-webpack/index.html
@@ -9,7 +9,7 @@
 </head>
 
 <body>
-    <h1>Hello World - Webpack</h1>
+    <h1 style="font-size: 1.5em;">Hello World - Webpack</h1>
     <button id="readBarcode">show scanner</button>
     <script src="./dist/bundle.js"></script>
 </body>
diff --git a/1.hello-world/2.read-an-image.html b/1.hello-world/2.read-an-image.html
@@ -16,7 +16,7 @@
 </head>
 
 <body>
-    <h1>Read Barcode from Images</h1>
+    <h1 style="font-size: 1.5em;">Read Barcode from Images</h1>
     <input id="ipt-file" type="file" style="margin-bottom: 2vh;" accept="image/png,image/jpeg,image/bmp,image/gif">
     <input type="text" id="result" title="Double click to clear!" readonly="true" class="latest-result" placeholder="The Last Read Barcode">
     <div id="UIElement">
diff --git a/1.hello-world/3.read-video-angular/.gitignore b/1.hello-world/3.read-video-angular/.gitignore
@@ -44,3 +44,7 @@ testem.log
 # System Files
 .DS_Store
 Thumbs.db
+
+# others
+
+*.lock
diff --git a/1.hello-world/3.read-video-angular/src/app/hello-world/hello-world.component.css b/1.hello-world/3.read-video-angular/src/app/hello-world/hello-world.component.css
@@ -72,3 +72,7 @@
       height: 40vh;
       width: 80vw;
     }
+
+    h1 {
+      font-size: 1.5em;
+    }
diff --git a/1.hello-world/4.read-video-react/.gitignore b/1.hello-world/4.read-video-react/.gitignore
@@ -21,3 +21,7 @@
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+
+# others
+
+*.lock
diff --git a/1.hello-world/4.read-video-react/src/components/HelloWorld.css b/1.hello-world/4.read-video-react/src/components/HelloWorld.css
@@ -9,6 +9,10 @@
     color: #455A64;
 }
 
+h1 {
+    font-size: 1.5em;
+}
+
 button {
     font-size: 1.5rem;
     margin-bottom: 2vh;
diff --git a/1.hello-world/4.read-video-react/src/components/HelloWorld.js b/1.hello-world/4.read-video-react/src/components/HelloWorld.js
@@ -54,7 +54,8 @@ class HelloWorld extends React.Component {
                     return prevState;
                 });
                 break;
-            default: break;
+            default:
+                break;
         }
     }
     showScanner = () => {
@@ -85,4 +86,4 @@ class HelloWorld extends React.Component {
         );
     }
 }
-export default HelloWorld;
+export default HelloWorld;
diff --git a/1.hello-world/5.read-video-vue/.gitignore b/1.hello-world/5.read-video-vue/.gitignore
@@ -21,3 +21,7 @@ pnpm-debug.log*
 *.njsproj
 *.sln
 *.sw?
+
+# others
+
+*.lock
diff --git a/1.hello-world/5.read-video-vue/src/components/HelloWorld.vue b/1.hello-world/5.read-video-vue/src/components/HelloWorld.vue
@@ -91,6 +91,11 @@ export default {
 h3 {
   margin: 40px 0 0;
 }
+
+h1 {
+  font-size: 1.5em;
+}
+
 ul {
   list-style-type: none;
   padding: 0;
diff --git a/1.hello-world/6.read-video-vue3/.gitignore b/1.hello-world/6.read-video-vue3/.gitignore
@@ -1,6 +1,5 @@
 .DS_Store
 node_modules
-/dist
 
 
 # local env files
@@ -22,4 +21,6 @@ pnpm-debug.log*
 *.sln
 *.sw?
 
-*.lock
+# others
+
+*.lock
diff --git a/1.hello-world/6.read-video-vue3/src/components/HelloWorld.vue b/1.hello-world/6.read-video-vue3/src/components/HelloWorld.vue
@@ -1,6 +1,6 @@
 <template>
   <div className="helloWorld">
-    <h2>{{ msg }} <img class="applogo" alt="Vue logo" src="../assets/logo.png" /></h2>
+    <h1>{{ msg }} <img class="applogo" alt="Vue logo" src="../assets/logo.png" /></h1>
     <input
       type="text"
       placeholder="The Last Read Barcode"
@@ -146,4 +146,8 @@ export default {
 .resultText {
   color: #ce5e04;
 }
+
+h1 {
+  font-size: 1.5em;
+}
 </style>
diff --git a/1.hello-world/7.read-video-nextjs/.gitignore b/1.hello-world/7.read-video-nextjs/.gitignore
@@ -32,3 +32,7 @@ yarn-error.log*
 
 # vercel
 .vercel
+
+# others
+
+*.lock
diff --git a/1.hello-world/8.read-video-nuxtjs/.gitignore b/1.hello-world/8.read-video-nuxtjs/.gitignore
@@ -88,3 +88,8 @@ sw.*
 
 # Vim swap files
 *.swp
+
+# others
+
+*.lock
+
diff --git a/1.hello-world/9.read-video-electron/index.html b/1.hello-world/9.read-video-electron/index.html
@@ -12,7 +12,7 @@
 </head>
 
 <body>
-    <h1>Hello World for Electron</h1>
+    <h1 style="font-size: 1.5em;">Hello World for Electron</h1>
     <button id='readBarcode'>Read Barcode via Camera</button>
     <div id="UIElement">
         <div id="barcodeScannerUI"></div>
diff --git a/2.ui-tweaking/1.read-video-show-result.html b/2.ui-tweaking/1.read-video-show-result.html
@@ -16,7 +16,7 @@
 </head>
 
 <body>
-    <h1>Use the Default Built-in UI</h1>
+    <h1 style="font-size: 1.5em;">Use the Default Built-in UI</h1>
     <input type="text" id="result" title="Double click to clear!" readonly="true" class="latest-result" placeholder="The Last Read Barcode">
     <div id="UIElement">
         <span id='lib-load' style='font-size:x-large' hidden>Loading Library...</span><br />
diff --git a/2.ui-tweaking/2.read-video-no-extra-control.html b/2.ui-tweaking/2.read-video-no-extra-control.html
@@ -16,7 +16,7 @@
 </head>
 
 <body>
-    <h1>Hide UI Controllers</h1>
+    <h1 style="font-size: 1.5em;">Hide UI Controllers</h1>
     <input type="text" id="result" readonly="true" class="latest-result" placeholder="The Last Read Barcode">
     <div id="UIElement">
         <span id='lib-load' style='font-size:x-large' hidden>Loading Library...</span>
diff --git a/2.ui-tweaking/3.read-video-with-external-control.html b/2.ui-tweaking/3.read-video-with-external-control.html
@@ -16,7 +16,7 @@
 </head>
 
 <body>
-    <h1>Customized UI</h1>
+    <h1 style="font-size: 1.5em;">Customized UI</h1>
     <button id="btn-show-scanner">Start Barcode
         Scanner</button>
     <button id="btn-hide-scanner" hidden>Hide Barcode
diff --git a/2.ui-tweaking/4.difference-video-size.html b/2.ui-tweaking/4.difference-video-size.html
@@ -16,7 +16,7 @@
 </head>
 
 <body>
-    <h1>Enlarge the Video Stream</h1>
+    <h1 style="font-size: 1.5em;">Enlarge the Video Stream</h1>
     <button id="backToNormal" hidden>Exit Full Screen</button>
     <div id="externalControls" style="text-align: center;">
         <button id="fitPage">Enter Full Screen, Read and Exit</button>
diff --git a/3.settings/1.barcodeFormats-expectedBarcodes.html b/3.settings/1.barcodeFormats-expectedBarcodes.html
@@ -19,7 +19,7 @@
 </head>
 
 <body>
-    <h1>Set Formats and Count</h1>
+    <h1 style="font-size: 1.5em;">Set Formats and Count</h1>
     <button id='openSimpleSettingsMenu'>Open Runtime Settings Menu</button>
 
     <input type="text" id="result" title="Double click to clear!" readonly="true" class="latest-result" placeholder="The Last Read Barcode">
diff --git a/3.settings/2.localizationModes-binarizationModes.html b/3.settings/2.localizationModes-binarizationModes.html
@@ -20,7 +20,7 @@
 </head>
 
 <body>
-    <h1>Set Localization and Binarization</h1>
+    <h1 style="font-size: 1.5em;">Set Localization and Binarization</h1>
     <button id='openSimpleSettingsMenu'>Open Runtime Settings Menu</button>
 
     <input type="text" id="result" title="Double click to clear!" readonly="true" class="latest-result" placeholder="The Last Read Barcode">
diff --git a/3.settings/3.blurred-small-barcodes.html b/3.settings/3.blurred-small-barcodes.html
@@ -19,7 +19,7 @@
 </head>
 
 <body>
-    <h1>Settings for Blurry or Small Codes</h1>
+    <h1 style="font-size: 1.5em;">Settings for Blurry or Small Codes</h1>
     <button id='openSimpleSettingsMenu'>Open Runtime Settings Menu</button>
 
     <input type="text" id="result" title="Double click to clear!" readonly="true" class="latest-result" placeholder="The Last Read Barcode">
diff --git a/3.settings/4.deformed-incomplete-barcodes.html b/3.settings/4.deformed-incomplete-barcodes.html
@@ -19,7 +19,7 @@
 </head>
 
 <body>
-    <h1>Settings for Deformed or Incomplete codes</h1>
+    <h1 style="font-size: 1.5em;">Settings for Deformed or Incomplete codes</h1>
     <button id='openSimpleSettingsMenu'>Open Runtime Settings Menu</button>
     <input type="text" id="result" title="Double click to clear!" readonly="true" class="latest-result" placeholder="The Last Read Barcode">
     <!-- Manually defining the div that will contain the video so that the UI doesn't take up the full screen-->
diff --git a/3.settings/5.regionOfInterest-regionPredetection.html b/3.settings/5.regionOfInterest-regionPredetection.html
@@ -19,7 +19,7 @@
 </head>
 
 <body>
-    <h1>Define or Detect the Region of Interest</h2>
+    <h1 style="font-size: 1.5em;">Define or Detect the Region of Interest</h2>
         <button id='openSimpleSettingsMenu'>Open Runtime Settings Menu</button><br /><br />
 
         <input type="text" id="result" title="Double click to clear!" readonly="true" class="latest-result" placeholder="The Last Read Barcode">
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
@@ -16,7 +16,7 @@
 </head>
 
 <body>
-    <h1>Read Barcodes as Input</h1>
+    <h1 style="font-size: 1.5em;">Read Barcodes as Input</h1>
     <div id='inputs' style="text-align: center;" hidden>
         <h3>Click each input box to fill in!</h3>
         <input type="text" class="latest-result" readonly="true" placeholder="Barcode Result 1">
diff --git a/4.use-case/2.read-a-drivers-license.html b/4.use-case/2.read-a-drivers-license.html
@@ -17,7 +17,7 @@
 
 <body>
     <span id="hintMSG" hidden>Aim at the barcode on the driver's license</span>
-    <h1 id='header'>Read A Driver's License <a href="#" id='readAgain' hidden onclick="readAgain()">Retry</a></h1>
+    <h1 style="font-size: 1.5em;" id='header'>Read A Driver's License <a href="#" id='readAgain' hidden onclick="readAgain()">Retry</a></h1>
     <div id="UIElement">
         <span id='lib-load' style='font-size:x-large' hidden>Loading Library...</span>
         <img id="btn-show-scanner" alt="show-scanner" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAFb0lEQVR4Xu2ad8j1YxjHP6+ZlZEZRVayV9krsmXzh6wSUWSGhIxCiCgh2d7skS0ysv6wV8mIJDMjK1uf97kP5/05v+dc9/37/Z6n933OVeevc83vue/rvu7vfaYxxWXaFK+fEQCjFTDFEZjoLbAGsBawTN/Hn+Czvs+bwNsT9bt0DcBcwHbAbsAuwPLBwj4GHgTuBx4H/gjaZat1BcAcwAHAmcBK2VnNbPA+cBYwHfiroa//mXcBwK7ABcDqLSf7DnAy8ECbftsEwOVu4ce3meAAXxcDp7S1LdoCYGngNmDLjovvuX8G2A/4omm8NgCw+BeAFZomk2n/EbAJ8Hmm3UzqTQFYEHgaWL9JEg1sXwG2An4s9dEEAPe8DWmH0uAt2T2Sjtmio7IJAKcDZ7dURFM3ZwDnlDgpBcD97rE0X0nQDmx+SceufSFLSgG4F9g9K9KY8g/ALWnKe7Wviy8FrJemRQeohQp8m9OeuXYlAGwNPJkZ6E/girRMvxpiuwTg9joKmDMzjrnZlMNSAsDNacyNBvkO2B94LGqQ9GyutwKLZNiZ24EZ+tmEiEvTc3f+YJCfgM2B14L6VbV1gWeBBYL2PwNup/CxmLsCDgWuDSajmtPaHRn6g1T3BW7P8GGO10f1cwG4O6PRPArsWJPIYsAhfQOUA41Jf1Ojr6/tg0XdA+wV1M3eAu8CqwadbwBYWFV2Bq5JhEj/d5IihwEPDbBx0nw5GNccVwvqZgEwD+Aei3TmN4B1BiSxIfDiOD48LTaqKfZ1YO1AYU6E9qjfA7pZAEhnvRVxClwKHFfRlSQRGP2MJ9JhFlolPy4Bjg3GN4aD2lDJ6QESHVJUETkCuLqi6JZ4KWIMuFKqS/5w4KqgvRRciDjJAWCfjI7uuV/t3HsDdwYLMNZdFV1PFDmHiHhyhGLlALAHYIeNyMHAjRXFbRPBGbGXSH2iongQcEPEOJ1UjsZDJQeAnBFYMrR6U5Q7cIgaNtQ4PEmyVIcZb3ySoxHZBngqopgDwIrABxGnQN0McGS6E4znRp0rByh4749yDzLRH0ZyzQFAf3JwSwYc/wYsC3xd0TWexdnQBolNTgD+rny5OPAp4FE8TL5M4/AwvRnf5wJgD7AXROQi4KQaRU+U0yqT4LnpmjzIRF8nRIKmPtXZJHgicGEwkV/TmR/dNnVuXc7OBvMG45qj1HlIcleAA4oTWVR859s053ZWcezt83lgzWjANIE6cIUkFwCdyslvEfI+pmQ3dgaou+jUufLC5Czg6RMVc5MlDksJANJO3gpzxPc9b3/PBY02S7fDlYP6PTVzC53/PYMSAJzp3wM8FnPlPuCytIqqNLY0uy9LxxTyjR57q+Q+oJYAYNElq6AfLIcc+0PvaUsWx/8NOCyVSvavb6BSALR11M3i30orC9iZi+N3tjQBYOF0PV4uO2q7Bp+k1fN9idsmABjPI86xt8nSLcm7Z+NWkirzcbZImgJgUFnfhycBBIvfKbHGRcU37QH9QScahFaKbxMAfUlD3ZSeuIp/kYChT2o231b+SdbGFujPee70xyj/whIhTwP1/qsiYXp+4gRChGfEedsA9GLK/52abo5NgbBwp7vzMqjxSO0zdLoCoJeAz+hHA77WLBrOakzxW+A64HIg+9k7GqtrAHp5OD7bI/xPj0enrK2XnX7xsiTr7O3Pj7R26/8LrAIzUQBU48rYekPsF29+ssETKiMAJhTu/4KNVsBoC8zmPUAG145fJxsn2rz/e2lvX47rxAtPmOyMbu2umuCgPR7NqU6vk1NiBEDTn6XGfrQCBnT5pljPUltgWBMsAWOWaoIlBU6KTVdNcFKKKQk6AqAEtdnJZsqvgH8Apk7nQRizxhgAAAAASUVORK5CYII="
diff --git a/5.others/debug/.gitignore b/5.others/debug/.gitignore
@@ -2,4 +2,8 @@
 /node_modules
 
 # collected images
-/public/collect
+/public/collect
+
+# others
+
+*.lock
diff --git a/5.others/debug/public/index.html b/5.others/debug/public/index.html
@@ -9,7 +9,7 @@
 </head>
 
 <body>
-    <h1>Read Barcodes from Camera - Debug</h1>
+    <h1 style="font-size: 1.5em;">Read Barcodes from Camera - Debug</h1>
     <button id="btn-show-scanner">show scanner</button>
     <br>
     <div id="div-video-container" style="width:100%;height:calc(100vh - 100px);"></div>

Original file line number	Diff line number	Diff line change
`@@ -72,3 +72,7 @@`
`72`	`72`	`height: 40vh;`
`73`	`73`	`width: 80vw;`
`74`	`74`	`}`
	`75`	`+`
	`76`	`+ h1 {`
	`77`	`+ font-size: 1.5em;`
	`78`	`+ }`
Original file line number	Diff line number	Diff line change
`@@ -54,7 +54,8 @@ class HelloWorld extends React.Component {`
`54`	`54`	`return prevState;`
`55`	`55`	`});`
`56`	`56`	`break;`
`57`		`- default: break;`
	`57`	`+ default:`
	`58`	`+ break;`
`58`	`59`	`}`
`59`	`60`	`}`
`60`	`61`	`showScanner = () => {`
`@@ -85,4 +86,4 @@ class HelloWorld extends React.Component {`
`85`	`86`	`);`
`86`	`87`	`}`
`87`	`88`	`}`
`88`		`-export default HelloWorld;`
	`89`	`+export default HelloWorld;`