2.2.4

Author: DMGithubPublisher

.gitignore

@@ -20,6 +20,7 @@ yarn-error.log*
 *.njsproj
 *.sln
 *.sw?
+*.map
 
 __pycache__
 ~~*

README.md

@@ -1,16 +1,17 @@
 <div style="width:100%;height:100%;min-width:100px;min-height:100px;background:#eee;position:relative;">
     <svg class="dce-bg-loading" style="display:none;animation:1s linear infinite dce-rotate;width:40%;height:40%;position:absolute;margin:auto;left:0;top:0;right:0;bottom:0;fill:#aaa;" viewBox="0 0 1792 1792"><path d="M1760 896q0 176-68.5 336t-184 275.5-275.5 184-336 68.5-336-68.5-275.5-184-184-275.5-68.5-336q0-213 97-398.5t265-305.5 374-151v228q-221 45-366.5 221t-145.5 406q0 130 51 248.5t136.5 204 204 136.5 248.5 51 248.5-51 204-136.5 136.5-204 51-248.5q0-230-145.5-406t-366.5-221v-228q206 31 374 151t265 305.5 97 398.5z"/></svg>
     <svg class="dce-bg-camera" style="display:none;width:40%;height:40%;position:absolute;margin:auto;left:0;top:0;right:0;bottom:0;fill:#aaa;" viewBox="0 0 2048 1792"><path d="M1024 672q119 0 203.5 84.5t84.5 203.5-84.5 203.5-203.5 84.5-203.5-84.5-84.5-203.5 84.5-203.5 203.5-84.5zm704-416q106 0 181 75t75 181v896q0 106-75 181t-181 75h-1408q-106 0-181-75t-75-181v-896q0-106 75-181t181-75h224l51-136q19-49 69.5-84.5t103.5-35.5h512q53 0 103.5 35.5t69.5 84.5l51 136h224zm-704 1152q185 0 316.5-131.5t131.5-316.5-131.5-316.5-316.5-131.5-316.5 131.5-131.5 316.5 131.5 316.5 316.5 131.5z"/></svg>
-    <video class="dce-video" playsinline="true" muted style="width:100%;height:100%;position:absolute;left:0;top:0;"></video>
-    <canvas class="dlr-cvs-drawarea" style="width:100%;height:100%;position:absolute;left:0;top:0;"></canvas>
-    <div class="dlr-cvs-scanarea" style="width:100%;height:100%;position:absolute;left:0;top:0;">
-        <div class="dlr-scanlight" style="display:none;width:100%;height:3%;position:absolute;animation:3s infinite dlr-scanlight;border-radius:50%;box-shadow:0px 0px 2vw 1px #00e5ff;background:#fff;"></div>
-    </div>
-    <select class="dce-sel-camera" style="margin:0 auto;position:absolute;left:0;top:0;"></select>
-    <select class="dce-sel-resolution" style="position:absolute;left:0;top:20px;"></select>
-    <select class="dlr-sel-minletter" style="position:absolute;left:0;top:40px;"></select>
-    <button class="dce-btn-close" style="position:absolute;right:0;top:0;border:0;">
-        <svg width="16" height="16" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1490 1322q0 40-28 68l-136 136q-28 28-68 28t-68-28l-294-294-294 294q-28 28-68 28t-68-28l-136-136q-28-28-28-68t28-68l294-294-294-294q-28-28-28-68t28-68l136-136q28-28 68-28t68 28l294 294 294-294q28-28 68-28t68 28l136 136q28 28 28 68t-28 68l-294 294 294 294q28 28 28 68z"/></svg>
+		<div class="dce-video-container" style="position:absolute;left:0;top:0;width:100%;height:100%;"></div>
+    <div class="dce-scanarea" style="position:absolute;left:0;top:0;width:100%;height:100%;">
+			<div class="dce-scanlight" style="display:none;position:absolute;width:100%;height:3%;border-radius:50%;box-shadow:0px 0px 2vw 1px #00e5ff;background:#fff;animation:3s infinite dce-scanlight;user-select:none;"></div>
+		</div>
+    <div style="position: absolute;left: 0;top: 0;">
+			<select class="dce-sel-camera" style="display:block;"></select>
+			<select class="dce-sel-resolution" style="display:block;margin-top:5px;"></select>
+			<select class="dlr-sel-minletter" style="display:block;margin-top:5px;"></select>
+		</div>
+    <button class="dce-btn-close" style="position:absolute;right:0;top:0;">
+        <svg width="16" height="16" viewBox="0 0 1792 1792"><path d="M1490 1322q0 40-28 68l-136 136q-28 28-68 28t-68-28l-294-294-294 294q-28 28-68 28t-68-28l-136-136q-28-28-28-68t28-68l294-294-294-294q-28-28-28-68t28-68l136-136q28-28 68-28t68 28l294 294 294-294q28-28 68-28t68 28l136 136q28 28 28 68t-28 68l-294 294 294 294q28 28 28 68z"/></svg>
     </button>
     <!-- The "Powered by Dynamsoft" logo can be easily removed by eliminating the following line. -->
 	<div class="dlr-msg-poweredby" style="position:absolute;left:50%;bottom:10%;transform:translateX(-50%);">
@@ -93,5 +94,5 @@
 </div>
 <style>
 @keyframes dce-rotate{from{transform:rotate(0turn);}to{transform:rotate(1turn);}}
-@keyframes dlr-scanlight{from{top:0;}to{top:97%;}}
+@keyframes dce-scanlight{from{top:0;}to{top:97%;}}
 </style>