Commit 74b868ce authored by mahui's avatar mahui

aa

parent 56ef310f
Pipeline #302 canceled with stages
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="VcsDirectoryMappings">
<mapping directory="$PROJECT_DIR$" vcs="Git" />
</component>
</project>
\ No newline at end of file
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
<title class="site_name"></title>
<meta HTTP-EQUIV="pragma" CONTENT="no-cache">
<meta HTTP-EQUIV="Cache-Control" CONTENT="no-store, must-revalidate">
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/style.css">
<style>
body {
min-width: 1500px;
background-color: rgb(108, 112, 121);
}
.site_name {
width: 100%;
color: #ffffff;
text-align: center;
line-height: 80px;
margin: 0 auto;
font-size: 24px;
font-weight: bold;
}
#divPlugin {
width: 1200px;
margin: 0 auto;
}
#div_ifelse ul li {
line-height: 30px;
text-align: left;
text-indent: 32px;
padding: 5px 10px;
border: 1px solid transparent;
cursor: pointer;
}
#div_ifelse ul li:hover,
#div_ifelse ul li.click_color {
border: 1px solid rgb(255, 204, 0);
}
.win_show li {
float: left;
color: #ffffff;
border-bottom: 2px solid transparent;
margin-right: 5px;
padding: 5px;
cursor: pointer;
font-weight: 700;
}
.win_show li.public:hover,
.win_show li.color_click {
color: red;
border-bottom: 2px solid red;
}
</style>
<script src="js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="js/flashplay/ckplayer/ckplayer.js?v=1" charset="utf-8"></script>
<script src="js/webVideoCtrl.js?v=1"></script>
<script src="js/demo.js?v=6"></script>
<!-- <script src="js/main.js"></script> -->
</head>
<body>
<h2 class="site_name"></h2>
<!-- <select id="selL" class="sel2" onchange="changeWndNum()">
<option value="1">1x1</option>
<option value="2">2x2</option>
<option value="3" selected>3x3</option>
<option value="4">4x4</option>
</select> -->
<div style="width:1450px;margin: 0 auto">
<ul id='div_ifelse' class="cd-accordion-menu animated" style="display:inline-block;vertical-align:top;">
</ul>
<div class="video" style="display:inline-block;vertical-align:top;">
<!-- <div id="a1" style="text-align:center;"></div> -->
<input id="loginip" type="text" class="txt" style="display:none;" />
<input id="port" type="text" class="txt" style="display:none;" />
<input id="username" type="text" class="txt" style="display:none;" />
<input id="password" type="hidden" class="txt" style="display:none;" />
<div id="divPlugin" class="plugin"></div>
<select id="ip" style="display:none;"></select>
<div style="margin-top:15px;display:none;">
<div class="ptz" style="display:block;width:220px;float:left;margin-left:40px;">
<div>云台控制</div>
<table cellpadding="0" cellspacing="3" border="0" class="left">
<tr>
<td>
<input type="button" class="btn" value="左上" onmousedown="mouseDownPTZControl(5);" onmouseup="mouseUpPTZControl();" />
<input type="button" class="btn" value="上" onmousedown="mouseDownPTZControl(1);" onmouseup="mouseUpPTZControl();" />
<input type="button" class="btn" value="右上" onmousedown="mouseDownPTZControl(7);" onmouseup="mouseUpPTZControl();" />
</td>
</tr>
<tr>
<td>
<input type="button" class="btn" value="左" onmousedown="mouseDownPTZControl(3);" onmouseup="mouseUpPTZControl();" />
<input type="button" class="btn" value="自动" onclick="mouseDownPTZControl(9);" />
<input type="button" class="btn" value="右" onmousedown="mouseDownPTZControl(4);" onmouseup="mouseUpPTZControl();" />
</td>
</tr>
<tr>
<td>
<input type="button" class="btn" value="左下" onmousedown="mouseDownPTZControl(6);" onmouseup="mouseUpPTZControl();" />
<input type="button" class="btn" value="下" onmousedown="mouseDownPTZControl(2);" onmouseup="mouseUpPTZControl();" />
<input type="button" class="btn" value="右下" onmousedown="mouseDownPTZControl(8);" onmouseup="mouseUpPTZControl();" />
</td>
</tr>
</table>
<table cellpadding="0" cellspacing="3" border="0" class="left">
<tr style="margin-top:-2px;">
<td class="tt"><input type="button" class="btn" value="变倍+" onmousedown="PTZZoomIn()" onmouseup="PTZZoomStop()"></td>
<td><input type="button" class="btn" value="变倍-" onmousedown="PTZZoomout()" onmouseup="PTZZoomStop()" style="margin-left:1px;"></td>
</tr>
<tr>
<td><input type="button" class="btn" value="快退" onmousedown="" onmouseup="" onclick="Goback();" style="width:50px"></td>
<td class="tt"><input type="button" style="width:50px;;margin-left:1px;" class="btn" value="快进" onmousedown="" onmouseup="" onclick="Gofast();"></td>
</tr>
</table>
</div>
</div>
<ul class="win_show">
<li value="0" bool='false'>切换显示模式:</li>
<li class="public" value="1" onclick='changeWndNum(1)' bool='false'>1x1</li>
<li class="public" value="2" onclick='changeWndNum(2)' bool='false'>2x2</li>
<li class="public color_click" value="3" onclick='changeWndNum(3)' bool='true'>3x3</li>
<li class="public" value="4" onclick='changeWndNum(4)' bool='false'>4x4</li>
</ul>
<div class="playback" style="display:block;width:600px;float:right;margin-left:10px;">
<span style="display:inline-block;vertical-align:top;padding:5px;font-weight:700;">回放:</span>
<table width="60%" cellpadding="0" cellspacing="3" border="0" style="display:inline-block">
<tr>
<select id="streamtype" class="sel" style="display:none">
<option value="1">主码流</option>
<option value="2">子码流</option>
<option value="3">第三码流</option>
<option value="4">转码码流</option>
</select>
</tr>
<tr>
<td class="tt">开始时间</td>
<td>
<input id="starttime" type="text" class="txt" value="2017-07-24 00:00:00" />
</td>
</tr>
<tr>
<td class="tt">结束时间</td>
<td>
<input id="endtime" type="text" class="txt" value="2017-07-24 23:59:59" />
<!-- <input type="button" class="btn" value="搜索" onclick="clickRecordSearch(0);" /> -->
</td>
</tr>
<tr style="display:none">
<td colspan="2">
<div class="searchdiv">
<table id="searchlist" class="searchlist" cellpadding="0" cellspacing="0" border="0"></table>
</div>
</td>
</tr>
<tr>
<td colspan="2">
<input type="button" class="btn2" value="开始回放" onclick="startPlayback();" />
<!--<input type="button" class="btn2" value="暂停" onclick="clickPause();" />-->
<!--<input type="button" class="btn2" value="恢复" onclick="clickResume();" />-->
<input type="button" class="btn2" value="实时画面" onclick="clickStartRealPlay();" />
<input type="button" class="btn" value="快退" onmousedown="" onmouseup="" onclick="clickPlaySlow();" style="width:50px">
<input type="button" style="width:50px;;margin-left:1px;" class="btn" value="快进" onmousedown="" onmouseup="" onclick="clickPlayFast();">
</td>
</tr>
</table>
</div>
</div>
</div>
<!-- <div id="select_site"></div>
<p id="channels" class="sel" style="height:30px;"></p> -->
</body>
<script>
function getUrlParam(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
var r = window.location.search.substr(1).match(reg); //匹配目标参数
if (r != null) return unescape(r[2]);
return null; //返回参数值
}
var parmas = getUrlParam('status');
var data = {},
v = 0,
channels_id = 0;
var camera_info = {
camera_url: ['168.168.1.11,80,admin,72312qlf','168.168.1.80,80,admin,72312qlf','168.168.1.82,80,admin,72312qlf','168.168.1.22,80,admin,72312qlf'],
site_name: ['监控栏目1','监控栏目2','监控栏目3','监控栏目4']
}
$('.site_name').html('远程监控');
data = {
camera_url: camera_info.camera_url[0].split(','),
site_name: camera_info.site_name[0]
}
$(document).ready(function() {
var oSel = $('#div_ifelse').eq(0);
var txt1 = "<p>Text.</p>"; // Create text with HTML
var txt2 = $("<p></p>").text("Text."); // Create text with jQuery
var txt3 = document.createElement("p");
for (var i = 0; i < camera_info.site_name.length; i++) {
(function(i) {
var n = i;
(function() {
oSel.append("<li class='has-children'><input onclick='change(" + n + ")' type='radio' name='group_n' id=group-" + n + " index=" + n + ">" +
"<label for=group-" + n + ">" + camera_info.site_name[n] + "</label>" + "<ul></ul></li>");
})()
})(i);
}
get_video_info();
});
//开始回放
function startPlayback(){
clickStartPlayback();
}
//结束回放
function stopPlayback(){
clickStopPlayback()
}
function get_video_info() {
var Camera_url = data.camera_url;
$("#loginip").val(Camera_url[0]);
$("#port").val(Camera_url[1]);
$("#username").val(Camera_url[2]);
$("#password").val(Camera_url[3]);
video();
}
//视频播放
function video() {
clickStopRealPlay();
clickLogin();
setTimeout(function() {
clickStartRealPlay();
}, 1000);
}
function change(index) {
// alert(typeof index)
if (v != index) {
v = index;
} else {
if ($("#div_ifelse .has-children").eq(v).children("input").eq(0).attr('checked')) {
$("#div_ifelse .has-children").eq(v).children("input").eq(0).removeAttr('checked');
} else {
$("#div_ifelse .has-children").eq(index).children("input").eq(0).attr('checked', 'true');
}
return;
}
data = {
camera_url: camera_info.camera_url[index].split(','),
site_name: camera_info.site_name[index]
};
get_video_info();
}
function getChannelChange(i) {
if (channels_id != i) {
$("#div_ifelse ul").eq(v).children("li").eq(channels_id).removeClass('click_color');
$("#div_ifelse ul").eq(v).children("li").eq(i).addClass('click_color');
channels_id = i;
} else {
return;
}
clickStopRealPlay();
setTimeout(function() {
clickStartRealPlay();
}, 1000);
}
</script>
</html>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment