From 9eba064183ab0a94393e08cc6c8190b4b1812eb2 Mon Sep 17 00:00:00 2001
From: Cube <877211593@qq.com>
Date: Mon, 18 Jul 2022 11:01:13 +0800
Subject: [PATCH 1/3] update version to 3.0.0;

---
 1.explore-the-features.html   |  3 ++-
 2.customize-the-ui/index.html |  2 +-
 2.customize-the-ui/ui.html    | 10 ++++++++--
 3 files changed, 11 insertions(+), 4 deletions(-)
diff --git a/1.explore-the-features.html b/1.explore-the-features.html
index 7c9189f..a3f4cd2 100644
--- a/1.explore-the-features.html
+++ b/1.explore-the-features.html
@@ -3,7 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <script src="https://cdn.jsdelivr.net/npm/dynamsoft-camera-enhancer@2.3.2/dist/dce.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/dynamsoft-camera-enhancer@3.0.0/dist/dce.js"></script>
     <title>1.explore-the-features</title>
     <style>
         * {
@@ -200,6 +200,7 @@
         // create a DCE instance and bind the callback
         let pReady = (async()=>{
             enhancer = await Dynamsoft.DCE.CameraEnhancer.createInstance();
+            await enhancer.setUIElement(Dynamsoft.DCE.CameraEnhancer.defaultUIElementURL);
             const callbackCameraOpen = (callBackInfo) => {
                 console.log("camera opened");
                 console.log(callBackInfo);
diff --git a/2.customize-the-ui/index.html b/2.customize-the-ui/index.html
index 5eb8e0f..39e0abd 100644
--- a/2.customize-the-ui/index.html
+++ b/2.customize-the-ui/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>2.customize-the-ui</title>
-    <script src="https://cdn.jsdelivr.net/npm/dynamsoft-camera-enhancer@2.3.2/dist/dce.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/dynamsoft-camera-enhancer@3.0.0/dist/dce.js"></script>
   </head>
   <body>
     <script>
diff --git a/2.customize-the-ui/ui.html b/2.customize-the-ui/ui.html
index dc78cde..94476e3 100644
--- a/2.customize-the-ui/ui.html
+++ b/2.customize-the-ui/ui.html
@@ -133,7 +133,7 @@
     </div>
     <div class="dce-video-container"></div>
     <div class="dce-scanarea">
-      <div class="dce-scanlight" style="display: none"></div>
+      <div class="dce-scanlight"></div>
     </div>
   </div>
   <header>
@@ -141,7 +141,13 @@
       <select class="dce-sel-camera"></select>
     </div>
     <div class="dce-resolution">
-      <select class="dce-sel-resolution"></select>
+      <select class="dce-sel-resolution">
+        <option value="got"></option>
+        <option data-width="3840" data-height="2160">3840x2160</option>
+        <option data-width="1920" data-height="1080">1920x1080</option>
+        <option data-width="1280" data-height="720">1280x720</option>
+        <option data-width="640" data-height="480">640x480</option>
+      </select>
     </div>
     <div class="dce-full-name">Dynamsoft Camera Enhancer</div>
     <div class="dce-btn-close">

From 1f2953146cf2624e3c1e83931adb1df6336adfeb Mon Sep 17 00:00:00 2001
From: Cube <877211593@qq.com>
Date: Mon, 18 Jul 2022 13:50:47 +0800
Subject: [PATCH 2/3] add 'pointer-events: none;'

---
 2.customize-the-ui/ui.html | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/2.customize-the-ui/ui.html b/2.customize-the-ui/ui.html
index 94476e3..b517e96 100644
--- a/2.customize-the-ui/ui.html
+++ b/2.customize-the-ui/ui.html
@@ -388,6 +388,7 @@
 
   .dce-main > .dce-scanarea {
     position: absolute;
+    pointer-events: none;
   }
 
   .dce-main > .dce-scanarea > .dce-scanlight {
@@ -459,6 +460,7 @@
     bottom: 0;
     width: 100%;
     background-color: rgba(0, 0, 0, 0.3);
+    pointer-events: none;
   }
 
   footer > .dce-footer-1 {

From 86d947466e87acea6ad84efc787cc84d53ce1847 Mon Sep 17 00:00:00 2001
From: Cube <877211593@qq.com>
Date: Tue, 26 Jul 2022 14:43:05 +0800
Subject: [PATCH 3/3] add class="dce-opt-gotResolution" back;

---
 2.customize-the-ui/ui.html | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/2.customize-the-ui/ui.html b/2.customize-the-ui/ui.html
index b517e96..d96eeed 100644
--- a/2.customize-the-ui/ui.html
+++ b/2.customize-the-ui/ui.html
@@ -1,6 +1,6 @@
 <div class="dce-ui-container">
   <div class="dce-main">
-    <div class="dce-bg-loading" style="display: none">
+    <div class="dce-bg-loading">
       <div class="dce-loading-img">
         <svg class="dce-svg-loop" viewBox="0 0 130 130">
           <g transform="translate(-121 -252)">
@@ -74,7 +74,7 @@
       </div>
       <div class="dce-loading-camera-tip">Loading camera...</div>
     </div>
-    <div class="dce-bg-camera" style="display: none">
+    <div class="dce-bg-camera">
       <svg viewBox="0 0 120 120">
         <g transform="translate(-126 -257)">
           <g>
@@ -142,7 +142,7 @@
     </div>
     <div class="dce-resolution">
       <select class="dce-sel-resolution">
-        <option value="got"></option>
+        <option class="dce-opt-gotResolution" value="got"></option>
         <option data-width="3840" data-height="2160">3840x2160</option>
         <option data-width="1920" data-height="1080">1920x1080</option>
         <option data-width="1280" data-height="720">1280x720</option>
@@ -341,6 +341,7 @@
   }
 
   .dce-main > .dce-bg-loading {
+    display: none;
     position: absolute;
     left: 50%;
     min-width: 130px;
@@ -379,6 +380,7 @@
   }
 
   .dce-main > .dce-bg-camera {
+    display: none;
     position: absolute;
     left: 50%;
     top: 50%;
