|
@@ -31,16 +31,16 @@
|
|
<!-- 中间内容 开始 -->
|
|
<!-- 中间内容 开始 -->
|
|
<div class="dsq_con clearfix">
|
|
<div class="dsq_con clearfix">
|
|
<div class="dsq_sp fl" >
|
|
<div class="dsq_sp fl" >
|
|
- <!--<img th:src="@{/yanji/images/dsq.png}"/>-->
|
|
|
|
- <iframe src="http://localhost:8082/DaHuaVideoDemo20220317/cn/video.html" id="iframeVideo1" style="width: 30%;height: 30%;overflow:hidden;"></iframe>
|
|
|
|
- <iframe src="http://localhost:8082/DaHuaVideoDemo20220317/cn/video.html" id="iframeVideo2" style="width: 30%;height: 30%;overflow:hidden;"></iframe>
|
|
|
|
- <iframe src="http://localhost:8082/DaHuaVideoDemo20220317/cn/video.html" id="iframeVideo3" style="width: 30%;height: 30%;overflow:hidden;"></iframe>
|
|
|
|
- <iframe src="http://localhost:8082/DaHuaVideoDemo20220317/cn/video.html" id="iframeVideo4" style="width: 30%;height: 30%;overflow:hidden;"></iframe>
|
|
|
|
- <iframe src="http://localhost:8082/DaHuaVideoDemo20220317/cn/video.html" id="iframeVideo5" style="width: 30%;height: 30%;overflow:hidden;"></iframe>
|
|
|
|
- <iframe src="http://localhost:8082/DaHuaVideoDemo20220317/cn/video.html" id="iframeVideo6" style="width: 30%;height: 30%;overflow:hidden;"></iframe>
|
|
|
|
- <iframe src="http://localhost:8082/DaHuaVideoDemo20220317/cn/video.html" id="iframeVideo7" style="width: 30%;height: 30%;overflow:hidden;"></iframe>
|
|
|
|
- <iframe src="http://localhost:8082/DaHuaVideoDemo20220317/cn/video.html" id="iframeVideo8" style="width: 30%;height: 30%;overflow:hidden;"></iframe>
|
|
|
|
- <iframe src="http://localhost:8082/DaHuaVideoDemo20220317/cn/video.html" id="iframeVideo9" style="width: 30%;height: 30%;overflow:hidden;"></iframe>
|
|
|
|
|
|
+ <img th:src="@{/yanji/images/dsq.png}"/>
|
|
|
|
+ <!--<iframe src="http://localhost:8082/DaHuaVideoDemo20220317/cn/video.html" id="iframeVideo1" style="width: 30%;height: 30%;overflow:hidden;"></iframe>-->
|
|
|
|
+ <!--<iframe src="http://localhost:8082/DaHuaVideoDemo20220317/cn/video.html" id="iframeVideo2" style="width: 30%;height: 30%;overflow:hidden;"></iframe>-->
|
|
|
|
+ <!--<iframe src="http://localhost:8082/DaHuaVideoDemo20220317/cn/video.html" id="iframeVideo3" style="width: 30%;height: 30%;overflow:hidden;"></iframe>-->
|
|
|
|
+ <!--<iframe src="http://localhost:8082/DaHuaVideoDemo20220317/cn/video.html" id="iframeVideo4" style="width: 30%;height: 30%;overflow:hidden;"></iframe>-->
|
|
|
|
+ <!--<iframe src="http://localhost:8082/DaHuaVideoDemo20220317/cn/video.html" id="iframeVideo5" style="width: 30%;height: 30%;overflow:hidden;"></iframe>-->
|
|
|
|
+ <!--<iframe src="http://localhost:8082/DaHuaVideoDemo20220317/cn/video.html" id="iframeVideo6" style="width: 30%;height: 30%;overflow:hidden;"></iframe>-->
|
|
|
|
+ <!--<iframe src="http://localhost:8082/DaHuaVideoDemo20220317/cn/video.html" id="iframeVideo7" style="width: 30%;height: 30%;overflow:hidden;"></iframe>-->
|
|
|
|
+ <!--<iframe src="http://localhost:8082/DaHuaVideoDemo20220317/cn/video.html" id="iframeVideo8" style="width: 30%;height: 30%;overflow:hidden;"></iframe>-->
|
|
|
|
+ <!--<iframe src="http://localhost:8082/DaHuaVideoDemo20220317/cn/video.html" id="iframeVideo9" style="width: 30%;height: 30%;overflow:hidden;"></iframe>-->
|
|
</div>
|
|
</div>
|
|
<div class="con_left dsq_right fl">
|
|
<div class="con_left dsq_right fl">
|
|
<div class="yjyj_tit">摄像头列表</div>
|
|
<div class="yjyj_tit">摄像头列表</div>
|
|
@@ -109,131 +109,131 @@
|
|
|
|
|
|
</body>
|
|
</body>
|
|
|
|
|
|
-<script type="text/javascript">
|
|
|
|
- var iframeVideo1 = document.getElementById("iframeVideo1");
|
|
|
|
- var iframeVideo2 = document.getElementById("iframeVideo2");
|
|
|
|
- var iframeVideo3 = document.getElementById("iframeVideo3");
|
|
|
|
- var iframeVideo4 = document.getElementById("iframeVideo4");
|
|
|
|
- var iframeVideo5 = document.getElementById("iframeVideo5");
|
|
|
|
- var iframeVideo6 = document.getElementById("iframeVideo6");
|
|
|
|
- var iframeVideo7 = document.getElementById("iframeVideo7");
|
|
|
|
- var iframeVideo8 = document.getElementById("iframeVideo8");
|
|
|
|
- var iframeVideo9 = document.getElementById("iframeVideo9");
|
|
|
|
- function sendMessage() {
|
|
|
|
- var FormObj1 = iframeVideo1.contentWindow;
|
|
|
|
- FormObj1.postMessage({
|
|
|
|
- left: 20,
|
|
|
|
- top: 98,
|
|
|
|
- key: true,
|
|
|
|
- ip: "111.26.169.125",
|
|
|
|
- port: "8015",
|
|
|
|
- account: "admin",
|
|
|
|
- password: "admin123"
|
|
|
|
- },'*');
|
|
|
|
- setTimeout(function(){
|
|
|
|
- var FormObj2 = iframeVideo2.contentWindow;
|
|
|
|
- FormObj2.postMessage({
|
|
|
|
- left: 520,
|
|
|
|
- top: 98,
|
|
|
|
- key: true,
|
|
|
|
- ip: "111.26.169.125",
|
|
|
|
- port: "8015",
|
|
|
|
- account: "admin",
|
|
|
|
- password: "admin123"
|
|
|
|
- },'*');
|
|
|
|
- }, 3000);
|
|
|
|
- setTimeout(function(){
|
|
|
|
- var FormObj3 = iframeVideo3.contentWindow;
|
|
|
|
- FormObj3.postMessage({
|
|
|
|
- left: 1020,
|
|
|
|
- top: 98,
|
|
|
|
- key: true,
|
|
|
|
- ip: "111.26.169.125",
|
|
|
|
- port: "8015",
|
|
|
|
- account: "admin",
|
|
|
|
- password: "admin123"
|
|
|
|
- },'*');
|
|
|
|
- }, 6000);
|
|
|
|
- setTimeout(function(){
|
|
|
|
- var FormObj4 = iframeVideo4.contentWindow;
|
|
|
|
- FormObj4.postMessage({
|
|
|
|
- left: 20,
|
|
|
|
- top: 338,
|
|
|
|
- key: true,
|
|
|
|
- ip: "111.26.169.125",
|
|
|
|
- port: "8015",
|
|
|
|
- account: "admin",
|
|
|
|
- password: "admin123"
|
|
|
|
- },'*');
|
|
|
|
- }, 9000);
|
|
|
|
|
|
+<!--<script type="text/javascript">-->
|
|
|
|
+ <!--var iframeVideo1 = document.getElementById("iframeVideo1");-->
|
|
|
|
+ <!--var iframeVideo2 = document.getElementById("iframeVideo2");-->
|
|
|
|
+ <!--var iframeVideo3 = document.getElementById("iframeVideo3");-->
|
|
|
|
+ <!--var iframeVideo4 = document.getElementById("iframeVideo4");-->
|
|
|
|
+ <!--var iframeVideo5 = document.getElementById("iframeVideo5");-->
|
|
|
|
+ <!--var iframeVideo6 = document.getElementById("iframeVideo6");-->
|
|
|
|
+ <!--var iframeVideo7 = document.getElementById("iframeVideo7");-->
|
|
|
|
+ <!--var iframeVideo8 = document.getElementById("iframeVideo8");-->
|
|
|
|
+ <!--var iframeVideo9 = document.getElementById("iframeVideo9");-->
|
|
|
|
+ <!--function sendMessage() {-->
|
|
|
|
+ <!--var FormObj1 = iframeVideo1.contentWindow;-->
|
|
|
|
+ <!--FormObj1.postMessage({-->
|
|
|
|
+ <!--left: 20,-->
|
|
|
|
+ <!--top: 98,-->
|
|
|
|
+ <!--key: true,-->
|
|
|
|
+ <!--ip: "111.26.169.125",-->
|
|
|
|
+ <!--port: "8015",-->
|
|
|
|
+ <!--account: "admin",-->
|
|
|
|
+ <!--password: "admin123"-->
|
|
|
|
+ <!--},'*');-->
|
|
|
|
+ <!--setTimeout(function(){-->
|
|
|
|
+ <!--var FormObj2 = iframeVideo2.contentWindow;-->
|
|
|
|
+ <!--FormObj2.postMessage({-->
|
|
|
|
+ <!--left: 520,-->
|
|
|
|
+ <!--top: 98,-->
|
|
|
|
+ <!--key: true,-->
|
|
|
|
+ <!--ip: "111.26.169.125",-->
|
|
|
|
+ <!--port: "8015",-->
|
|
|
|
+ <!--account: "admin",-->
|
|
|
|
+ <!--password: "admin123"-->
|
|
|
|
+ <!--},'*');-->
|
|
|
|
+ <!--}, 3000);-->
|
|
|
|
+ <!--setTimeout(function(){-->
|
|
|
|
+ <!--var FormObj3 = iframeVideo3.contentWindow;-->
|
|
|
|
+ <!--FormObj3.postMessage({-->
|
|
|
|
+ <!--left: 1020,-->
|
|
|
|
+ <!--top: 98,-->
|
|
|
|
+ <!--key: true,-->
|
|
|
|
+ <!--ip: "111.26.169.125",-->
|
|
|
|
+ <!--port: "8015",-->
|
|
|
|
+ <!--account: "admin",-->
|
|
|
|
+ <!--password: "admin123"-->
|
|
|
|
+ <!--},'*');-->
|
|
|
|
+ <!--}, 6000);-->
|
|
|
|
+ <!--setTimeout(function(){-->
|
|
|
|
+ <!--var FormObj4 = iframeVideo4.contentWindow;-->
|
|
|
|
+ <!--FormObj4.postMessage({-->
|
|
|
|
+ <!--left: 20,-->
|
|
|
|
+ <!--top: 338,-->
|
|
|
|
+ <!--key: true,-->
|
|
|
|
+ <!--ip: "111.26.169.125",-->
|
|
|
|
+ <!--port: "8015",-->
|
|
|
|
+ <!--account: "admin",-->
|
|
|
|
+ <!--password: "admin123"-->
|
|
|
|
+ <!--},'*');-->
|
|
|
|
+ <!--}, 9000);-->
|
|
|
|
|
|
- setTimeout(function(){
|
|
|
|
- var FormObj5 = iframeVideo5.contentWindow;
|
|
|
|
- FormObj5.postMessage({
|
|
|
|
- left: 520,
|
|
|
|
- top: 338,
|
|
|
|
- key: true,
|
|
|
|
- ip: "111.26.169.125",
|
|
|
|
- port: "8015",
|
|
|
|
- account: "admin",
|
|
|
|
- password: "admin123"
|
|
|
|
- },'*');
|
|
|
|
- }, 12000);
|
|
|
|
|
|
+ <!--setTimeout(function(){-->
|
|
|
|
+ <!--var FormObj5 = iframeVideo5.contentWindow;-->
|
|
|
|
+ <!--FormObj5.postMessage({-->
|
|
|
|
+ <!--left: 520,-->
|
|
|
|
+ <!--top: 338,-->
|
|
|
|
+ <!--key: true,-->
|
|
|
|
+ <!--ip: "111.26.169.125",-->
|
|
|
|
+ <!--port: "8015",-->
|
|
|
|
+ <!--account: "admin",-->
|
|
|
|
+ <!--password: "admin123"-->
|
|
|
|
+ <!--},'*');-->
|
|
|
|
+ <!--}, 12000);-->
|
|
|
|
|
|
- setTimeout(function(){
|
|
|
|
- var FormObj6 = iframeVideo6.contentWindow;
|
|
|
|
- FormObj6.postMessage({
|
|
|
|
- left: 1020,
|
|
|
|
- top: 338,
|
|
|
|
- key: true,
|
|
|
|
- ip: "111.26.169.125",
|
|
|
|
- port: "8015",
|
|
|
|
- account: "admin",
|
|
|
|
- password: "admin123"
|
|
|
|
- },'*');
|
|
|
|
- }, 15000);
|
|
|
|
|
|
+ <!--setTimeout(function(){-->
|
|
|
|
+ <!--var FormObj6 = iframeVideo6.contentWindow;-->
|
|
|
|
+ <!--FormObj6.postMessage({-->
|
|
|
|
+ <!--left: 1020,-->
|
|
|
|
+ <!--top: 338,-->
|
|
|
|
+ <!--key: true,-->
|
|
|
|
+ <!--ip: "111.26.169.125",-->
|
|
|
|
+ <!--port: "8015",-->
|
|
|
|
+ <!--account: "admin",-->
|
|
|
|
+ <!--password: "admin123"-->
|
|
|
|
+ <!--},'*');-->
|
|
|
|
+ <!--}, 15000);-->
|
|
|
|
|
|
- setTimeout(function(){
|
|
|
|
- var FormObj7 = iframeVideo7.contentWindow;
|
|
|
|
- FormObj7.postMessage({
|
|
|
|
- left: 20,
|
|
|
|
- top: 578,
|
|
|
|
- key: true,
|
|
|
|
- ip: "111.26.169.125",
|
|
|
|
- port: "8015",
|
|
|
|
- account: "admin",
|
|
|
|
- password: "admin123"
|
|
|
|
- },'*');
|
|
|
|
- }, 18000);
|
|
|
|
|
|
+ <!--setTimeout(function(){-->
|
|
|
|
+ <!--var FormObj7 = iframeVideo7.contentWindow;-->
|
|
|
|
+ <!--FormObj7.postMessage({-->
|
|
|
|
+ <!--left: 20,-->
|
|
|
|
+ <!--top: 578,-->
|
|
|
|
+ <!--key: true,-->
|
|
|
|
+ <!--ip: "111.26.169.125",-->
|
|
|
|
+ <!--port: "8015",-->
|
|
|
|
+ <!--account: "admin",-->
|
|
|
|
+ <!--password: "admin123"-->
|
|
|
|
+ <!--},'*');-->
|
|
|
|
+ <!--}, 18000);-->
|
|
|
|
|
|
- setTimeout(function(){
|
|
|
|
- var FormObj8 = iframeVideo8.contentWindow;
|
|
|
|
- FormObj8.postMessage({
|
|
|
|
- left: 520,
|
|
|
|
- top: 578,
|
|
|
|
- key: true,
|
|
|
|
- ip: "111.26.169.125",
|
|
|
|
- port: "8015",
|
|
|
|
- account: "admin",
|
|
|
|
- password: "admin123"
|
|
|
|
- },'*');
|
|
|
|
- }, 22000);
|
|
|
|
|
|
+ <!--setTimeout(function(){-->
|
|
|
|
+ <!--var FormObj8 = iframeVideo8.contentWindow;-->
|
|
|
|
+ <!--FormObj8.postMessage({-->
|
|
|
|
+ <!--left: 520,-->
|
|
|
|
+ <!--top: 578,-->
|
|
|
|
+ <!--key: true,-->
|
|
|
|
+ <!--ip: "111.26.169.125",-->
|
|
|
|
+ <!--port: "8015",-->
|
|
|
|
+ <!--account: "admin",-->
|
|
|
|
+ <!--password: "admin123"-->
|
|
|
|
+ <!--},'*');-->
|
|
|
|
+ <!--}, 22000);-->
|
|
|
|
|
|
- setTimeout(function(){
|
|
|
|
- var FormObj9 = iframeVideo9.contentWindow;
|
|
|
|
- FormObj9.postMessage({
|
|
|
|
- left: 1020,
|
|
|
|
- top: 578,
|
|
|
|
- key: true,
|
|
|
|
- ip: "111.26.169.125",
|
|
|
|
- port: "8015",
|
|
|
|
- account: "admin",
|
|
|
|
- password: "admin123"
|
|
|
|
- },'*');
|
|
|
|
- }, 25000);
|
|
|
|
|
|
+ <!--setTimeout(function(){-->
|
|
|
|
+ <!--var FormObj9 = iframeVideo9.contentWindow;-->
|
|
|
|
+ <!--FormObj9.postMessage({-->
|
|
|
|
+ <!--left: 1020,-->
|
|
|
|
+ <!--top: 578,-->
|
|
|
|
+ <!--key: true,-->
|
|
|
|
+ <!--ip: "111.26.169.125",-->
|
|
|
|
+ <!--port: "8015",-->
|
|
|
|
+ <!--account: "admin",-->
|
|
|
|
+ <!--password: "admin123"-->
|
|
|
|
+ <!--},'*');-->
|
|
|
|
+ <!--}, 25000);-->
|
|
|
|
|
|
- }
|
|
|
|
-</script>
|
|
|
|
|
|
+ <!--}-->
|
|
|
|
+<!--</script>-->
|
|
<script type="text/javascript">
|
|
<script type="text/javascript">
|
|
// 时间
|
|
// 时间
|
|
myformatter(new Date());
|
|
myformatter(new Date());
|
|
@@ -251,7 +251,7 @@
|
|
}
|
|
}
|
|
|
|
|
|
$(function(){
|
|
$(function(){
|
|
- setTimeout("sendMessage()", 1000);
|
|
|
|
|
|
+ // setTimeout("sendMessage()", 1000);
|
|
// 地图点 显示隐藏
|
|
// 地图点 显示隐藏
|
|
$(".map_ld1").hover(function(){
|
|
$(".map_ld1").hover(function(){
|
|
$(this).children(".xs_div").show();
|
|
$(this).children(".xs_div").show();
|