Skip to content
This repository was archived by the owner on Oct 11, 2024. It is now read-only.

Dev #4

Merged
merged 3 commits into from
Jul 27, 2022
Merged

Dev #4

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
9eba064
update version to 3.0.0;
Cube-J Jul 18, 2022
1f29531
add 'pointer-events: none;'
Cube-J Jul 18, 2022
86d9474
add class="dce-opt-gotResolution" back;
Cube-J Jul 26, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 2 additions & 1 deletion 1.explore-the-features.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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>
* {
Expand Down Expand Up @@ -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);
Expand Down
2 changes: 1 addition & 1 deletion 2.customize-the-ui/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down
18 changes: 14 additions & 4 deletions 2.customize-the-ui/ui.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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)">
Expand Down Expand Up @@ -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>
Expand Down Expand Up @@ -133,15 +133,21 @@
</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>
<div class="dce-camera">
<select class="dce-sel-camera"></select>
</div>
<div class="dce-resolution">
<select class="dce-sel-resolution"></select>
<select class="dce-sel-resolution">
<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>
<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">
Expand Down Expand Up @@ -335,6 +341,7 @@
}

.dce-main > .dce-bg-loading {
display: none;
position: absolute;
left: 50%;
min-width: 130px;
Expand Down Expand Up @@ -373,6 +380,7 @@
}

.dce-main > .dce-bg-camera {
display: none;
position: absolute;
left: 50%;
top: 50%;
Expand All @@ -382,6 +390,7 @@

.dce-main > .dce-scanarea {
position: absolute;
pointer-events: none;
}

.dce-main > .dce-scanarea > .dce-scanlight {
Expand Down Expand Up @@ -453,6 +462,7 @@
bottom: 0;
width: 100%;
background-color: rgba(0, 0, 0, 0.3);
pointer-events: none;
}

footer > .dce-footer-1 {
Expand Down