Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Commit 9360444

Browse files
qianwzqianwz
committed
新增高清插件
1 parent 0009f1c commit 9360444

File tree

4 files changed

+2645
-231
lines changed

4 files changed

+2645
-231
lines changed

‎demos/EZUIKitHD/EZUIKitHD.html‎

Lines changed: 171 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,171 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
8+
<title>EZUIKitHD</title>
9+
<script src="./js/jsWebControl-1.0.0.min.js"></script>
10+
<script src="../ezuikit.js"></script>
11+
<style>
12+
input {
13+
width: 100%;
14+
}
15+
16+
.fun-area {
17+
margin-bottom: 24px;
18+
}
19+
20+
.demo {
21+
display: flex;
22+
}
23+
24+
.input-area {
25+
width: 600px;
26+
}
27+
28+
/* .hide {
29+
overflow: hidden;
30+
} */
31+
</style>
32+
</head>
33+
34+
<body>
35+
<div class="demo">
36+
<div class="input-area">
37+
<div class="fun-area">
38+
<div>请输入appKey</div>
39+
<input type="text" id="appKey" value="">
40+
<div>请输入accessToken</div>
41+
<input type="text" id="accessToken" value="">
42+
<button onclick="init()">初始化</button>
43+
</div>
44+
<div class="fun-area">
45+
<div>请输入设备序列号('C33368372','J15283664'; ,"","G10820169", "")</div>
46+
<input type="text" id="deviceSerial" value="">
47+
<div>请输入通道号</div>
48+
<input type="text" id="channelNo" value="1">
49+
<div>请输入验证码</div>
50+
<input type="text" id="validateCode" value="" placeholder="加密设备需输入设备验证码进行播放">
51+
<button onclick="play()">播放</button>
52+
<button onclick="toPreView()">切换到预览</button>
53+
<button onclick="toRec()">切换到回放</button>
54+
</div>
55+
<div class="fun-area">
56+
<div>请输入窗口号</div>
57+
<input type="text" id="wndId" value="0">
58+
<div>请输入开始时间（回放）</div>
59+
<input type="text" id="startTime" value="" placeholder="2022-10-20">
60+
61+
<div>请输入结束时间（回放）</div>
62+
<input type="text" id="endTime" value="" placeholder="2022-10-20">
63+
<div>设置清晰度（清晰度值，可选0：流畅 1：均衡 2：高品质 3：超清）</div>
64+
<input type="text" id="videoLevel" value="1">
65+
<div>设置音量（0-100）</div>
66+
<input type="text" id="soundVolumn" value="100">
67+
68+
69+
<button onclick="startSave()">开始录制</button>
70+
<button onclick="stopSave()">结束录制</button>
71+
<button onclick="startTalk()" id="talk">开始对讲</button>
72+
<button onclick="stopTalk()" id="stoptalk">结束对讲</button>
73+
<button onclick="setVideoLevel()" id="videohd">设置清晰度</button>
74+
<button onclick="setSoundVolumn()">设置音量</button>
75+
<button onclick="capturePicture()">抓图</button>
76+
<button onclick="stop()">停止</button>
77+
78+
</div>
79+
<div class="fun-area">
80+
<div>请输入布局编号(只支持1-12)：</div>
81+
<input type="text" id="layoutValue" value="1">
82+
<button onclick="setLayout()" id="layout">设置布局</button>
83+
</div>
84+
85+
<div style="margin-top: 10px;">
86+
<span class="input-group-text">事件回调信息</span>
87+
<textarea class="form-control input-area" rows="10" cols="20" id="callbackMessage"></textarea>
88+
</div>
89+
</div>
90+
<div id="playWnd" style="width: 900px;height:500px;margin-bottom: 40px;"></div>
91+
</div>
92+
93+
<script>
94+
var EZUIKitHDDemo = new window.EZUIKit.EZUIKitHD();
95+
const init = () => {
96+
EZUIKitHDDemo.init({
97+
accessToken: document.getElementById("accessToken").value,
98+
appKey: document.getElementById("appKey").value,
99+
});
100+
}
101+
102+
const play = () => {
103+
EZUIKitHDDemo.play({
104+
deviceSerial: document.getElementById("deviceSerial").value,
105+
channelNo: document.getElementById("channelNo").value,
106+
validateCode: document.getElementById("validateCode").value
107+
});
108+
}
109+
const toPreView = () => {
110+
EZUIKitHDDemo.changeModel(0, {
111+
deviceSerial: document.getElementById("deviceSerial").value,
112+
channelNo: document.getElementById("channelNo").value,
113+
validateCode: document.getElementById("validateCode").value
114+
115+
});
116+
document.getElementById('talk').removeAttribute('disabled');
117+
document.getElementById('stoptalk').removeAttribute('disabled')
118+
document.getElementById('layout').removeAttribute('disabled');
119+
document.getElementById('videohd').removeAttribute('disabled')
120+
121+
}
122+
const toRec = () => {
123+
124+
EZUIKitHDDemo.changeModel(1, {
125+
deviceSerial: document.getElementById("deviceSerial").value,
126+
channelNo: document.getElementById("channelNo").value,
127+
validateCode: document.getElementById("validateCode").value,
128+
startTime: document.getElementById("startTime").value,
129+
endTime: document.getElementById("endTime").value,
130+
});
131+
// 回放模式下，无对讲功能
132+
document.getElementById('talk').setAttribute('disabled', true);
133+
document.getElementById('stoptalk').setAttribute('disabled', true);
134+
// 回放情况下，无法设置布局
135+
document.getElementById('layout').setAttribute('disabled', true);
136+
// 回放模式下，无法设置清晰度
137+
document.getElementById('videohd').setAttribute('disabled', true);
138+
139+
}
140+
const startSave = () => {
141+
EZUIKitHDDemo.startSave(document.getElementById("wndId").value);
142+
}
143+
const stopSave = () => {
144+
EZUIKitHDDemo.stopSave(document.getElementById("wndId").value);
145+
}
146+
const startTalk = () => {
147+
EZUIKitHDDemo.startTalk(document.getElementById("wndId").value);
148+
}
149+
const stopTalk = () => {
150+
EZUIKitHDDemo.stopTalk(document.getElementById("wndId").value);
151+
}
152+
const setVideoLevel = () => {
153+
EZUIKitHDDemo.setVideoLevel(document.getElementById("wndId").value, document.getElementById("videoLevel").value);
154+
}
155+
const setSoundVolumn = () => {
156+
EZUIKitHDDemo.setSoundVolumn(document.getElementById("wndId").value, document.getElementById("soundVolumn").value);
157+
}
158+
const setLayout = () => {
159+
EZUIKitHDDemo.setLayout(document.getElementById("layoutValue").value);
160+
}
161+
const capturePicture = () => {
162+
EZUIKitHDDemo.capturePicture(document.getElementById("wndId").value);
163+
}
164+
const stop = () => {
165+
EZUIKitHDDemo.stop(document.getElementById("wndId").value);
166+
}
167+
168+
</script>
169+
</body>
170+
171+
</html>

‎demos/EZUIKitHD/js/jsWebControl-1.0.0.min.js‎

Lines changed: 80 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)