262 lines
12 KiB
Plaintext
262 lines
12 KiB
Plaintext
<%@ page language="java" pageEncoding="UTF-8"%>
|
||
<!doctype html>
|
||
<html>
|
||
<head>
|
||
<title></title>
|
||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||
<meta http-equiv="Pragma" content="no-cache" />
|
||
<meta http-equiv="Cache-Control" content="no-cache, must-revalidate" />
|
||
<meta http-equiv="Expires" content="0" />
|
||
</head>
|
||
<jsp:include page="/jsp/inc.jsp"></jsp:include>
|
||
<link rel="stylesheet" href="<%=request.getContextPath()%>/plugins/camera/camera.css" rel='stylesheet' />
|
||
<style type="text/css">
|
||
.ptz .btn2 {
|
||
margin: 2px;
|
||
border: 1px solid transparent;
|
||
border-radius: 4px;
|
||
padding: 2px 0;
|
||
height: auto;
|
||
}
|
||
.ptz .btn2:hover{
|
||
background: #4d90fe;
|
||
color: #fff;
|
||
}
|
||
.tt{
|
||
width: 50%;
|
||
}
|
||
</style>
|
||
<!-- camera -->
|
||
<%-- <script src="<%=request.getContextPath()%>/node_modules/jquery/dist/jquery.min.js"></script> --%>
|
||
<script src="<%=request.getContextPath()%>/plugins/camera/webVideoCtrl.js"></script>
|
||
<script src="<%=request.getContextPath()%>/plugins/camera/camera.js"></script>
|
||
<script type="text/javascript">
|
||
$(function () {
|
||
changeWndNum(1);
|
||
clickLogin();
|
||
setTimeout("clickStartRealPlay()",1000);
|
||
//clickStartRealPlay();
|
||
});
|
||
var stopRealPlay= function(){
|
||
clickStopRealPlay();
|
||
//setTimeout("",1000)
|
||
}
|
||
|
||
//实时预览
|
||
function shishi(){
|
||
$('#ssyl', parent.document).html('实时预览');
|
||
changeWndNum(1);
|
||
clickLogin();
|
||
setTimeout("clickStartRealPlay()",1000);
|
||
}
|
||
|
||
// 开始回放
|
||
function clickStartPlayback() {
|
||
// var start = $("#starttime").val();
|
||
// var end = $("#endtime").val();
|
||
|
||
$('#ssyl', parent.document).html('回放');
|
||
var oWndInfo = WebVideoCtrl.I_GetWindowStatus(g_iWndIndex),
|
||
szIP = $("#ip").val(),
|
||
bZeroChannel = $("#channels option").eq($("#channels").get(0).selectedIndex).attr("bZero") == "true" ? true : false,
|
||
iChannelID = $("#channels").val(),
|
||
szStartTime = $("#starttime").val(),
|
||
szEndTime = $("#endtime").val(),
|
||
szInfo = "",
|
||
bChecked = $("#transstream").prop("checked"),
|
||
iRet = -1;
|
||
|
||
if ("" == szIP) {
|
||
return;
|
||
}
|
||
|
||
if (bZeroChannel) {// 零通道不支持回放
|
||
return;
|
||
}
|
||
|
||
if (oWndInfo != null) {// 已经在播放了，先停止
|
||
WebVideoCtrl.I_Stop();
|
||
}
|
||
|
||
if (bChecked) {// 启用转码回放
|
||
var oTransCodeParam = {
|
||
TransFrameRate: "16",// 0：全帧率，5：1，6：2，7：4，8：6，9：8，10：10，11：12，12：16，14：15，15：18，13：20，16：22
|
||
TransResolution: "2",// 255：Auto，3：4CIF，2：QCIF，1：CIF
|
||
TransBitrate: "23"// 2：32K，3：48K，4：64K，5：80K，6：96K，7：128K，8：160K，9：192K，10：224K，11：256K，12：320K，13：384K，14：448K，15：512K，16：640K，17：768K，18：896K，19：1024K，20：1280K，21：1536K，22：1792K，23：2048K，24：3072K，25：4096K，26：8192K
|
||
};
|
||
iRet = WebVideoCtrl.I_StartPlayback(szIP, {
|
||
iChannelID: iChannelID,
|
||
szStartTime: szStartTime,
|
||
szEndTime: szEndTime,
|
||
oTransCodeParam: oTransCodeParam
|
||
});
|
||
} else {
|
||
iRet = WebVideoCtrl.I_StartPlayback(szIP, {
|
||
iChannelID: iChannelID,
|
||
szStartTime: szStartTime,
|
||
szEndTime: szEndTime
|
||
});
|
||
}
|
||
|
||
if (0 == iRet) {
|
||
szInfo = "开始回放成功！";
|
||
} else {
|
||
szInfo = "开始回放失败！";
|
||
}
|
||
showOPInfo(szIP + " " + szInfo);
|
||
}
|
||
|
||
$(function () {
|
||
$(".timecheck").datetimepicker({
|
||
bootcssVer:3, //bootstrap-datetimepicker＋bootstrap v3，但这个插件使用的时候，并没有和V3相匹配，仍然调用的是bootstrap V2的图标 把bootcssVer的值直接设为3，否则datetimepicker不会显示出上、下个月的箭头
|
||
format: 'yyyy-mm-dd HH:mm',
|
||
minView: 'day',//设置时间选择为年月日 去掉时分秒选择
|
||
todayBtn: true, //如果此值为true 或 "linked"，则在日期时间选择器组件的底部显示一个 "Today" 按钮用以选择当前日期。如果是true的话，"Today" 按钮仅仅将视图转到当天的日期，如果是"linked"，当天日期将会被选中。
|
||
language: 'zh-CN',
|
||
autoclose: true, //当选择一个日期之后是否立即关闭此日期时间选择器。
|
||
keyboardNavigation: true, //是否允许通过方向键改变日期。
|
||
forceParse: true, //当选择器关闭的时候，是否强制解析输入框中的值。
|
||
todayHighlight: 1 //如果为true, 高亮当前日期
|
||
})
|
||
});
|
||
// //獲取當前日期
|
||
// function getToday(){
|
||
// var today = new Date()
|
||
// var year = today.getFullYear();
|
||
// var month = today.getMonth() + 1;
|
||
// var day = today.getDate();
|
||
// var todayStr = year+"-"+month+"-"+day;
|
||
// return todayStr;
|
||
// }
|
||
|
||
</script>
|
||
<body onUnLoad="stopRealPlay();clickLogout();">
|
||
<div id="divPlugin" class="plugin"></div>
|
||
<input id="loginip" type="hidden" value="${url}" />
|
||
<input id="port" type="hidden" value="${port}" />
|
||
<input id="username" type="hidden" value="${camera.username}" />
|
||
<input id="password" type="hidden" value="${camera.password}" />
|
||
<input id="deviceport" type="hidden" value="8000" />
|
||
<input id="ip" type="hidden" value="${url}" />
|
||
<input id="channels" type="hidden" value="${camera.channel}" />
|
||
<input id="streamtype" type="hidden" value="${streamtype}" />
|
||
<div class="left">
|
||
<!-- <fieldset class="ptz" style="width:95%;">
|
||
<legend style="width:auto;border: 0;padding: 0 10px;margin-bottom: 0;">云台控制</legend>
|
||
<div style="width:100%;" >
|
||
<table cellpadding="0" cellspacing="3" border="0" class="left" style="width:60%;height:100%;float:left;text-align:center;">
|
||
<tr>
|
||
<td>
|
||
<input type="button" class="btn2" value="左上" onmousedown="mouseDownPTZControl(5);" onmouseup="mouseUpPTZControl();" />
|
||
<input type="button" class="btn2" value="上" onmousedown="mouseDownPTZControl(1);" onmouseup="mouseUpPTZControl();" />
|
||
<input type="button" class="btn2" value="右上" onmousedown="mouseDownPTZControl(7);" onmouseup="mouseUpPTZControl();" />
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>
|
||
<input type="button" class="btn2" value="左" onmousedown="mouseDownPTZControl(3);" onmouseup="mouseUpPTZControl();" />
|
||
<input type="button" class="btn2" value="自动" onclick="mouseDownPTZControl(9);" />
|
||
<input type="button" class="btn2" value="右" onmousedown="mouseDownPTZControl(4);" onmouseup="mouseUpPTZControl();" />
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>
|
||
<input type="button" class="btn2" value="左下" onmousedown="mouseDownPTZControl(6);" onmouseup="mouseUpPTZControl();" />
|
||
<input type="button" class="btn2" value="下" onmousedown="mouseDownPTZControl(2);" onmouseup="mouseUpPTZControl();" />
|
||
<input type="button" class="btn2" value="右下" onmousedown="mouseDownPTZControl(8);" onmouseup="mouseUpPTZControl();" />
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
<table cellpadding="0" cellspacing="3" border="0" class="left" style="width:40%;height:100%;float:left;text-align:center;">
|
||
<tr>
|
||
<td class="tt"><input type="button" style="margin-right: -20px;" class="btn2" value="变倍+" onmousedown="PTZZoomIn()" onmouseup="PTZZoomStop()"></td>
|
||
<td><input type="button" style="margin-right: 20px;" class="btn2" value="变倍-" onmousedown="PTZZoomout()" onmouseup="PTZZoomStop()"></td>
|
||
</tr>
|
||
<tr>
|
||
<td class="tt"><input type="button" style="margin-right: -20px;" class="btn2" value="变焦+" onmousedown="PTZFocusIn()" onmouseup="PTZFoucusStop()"></td>
|
||
<td><input type="button" style="margin-right: 20px;" class="btn2" value="变焦-" onmousedown="PTZFoucusOut()" onmouseup="PTZFoucusStop()"></td>
|
||
</tr>
|
||
<tr>
|
||
<td class="tt"><input type="button" style="margin-right: -20px;" class="btn2" value="光圈+" onmousedown="PTZIrisIn()" onmouseup="PTZIrisStop()"></td>
|
||
<td><input type="button" style="margin-right: 20px;" class="btn2" value="光圈-" onmousedown="PTZIrisOut()" onmouseup="PTZIrisStop()"></td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
|
||
</fieldset> -->
|
||
<fieldset class="playback" style="width:95%;padding-top: 0px">
|
||
<legend>回放</legend>
|
||
<table width="100%" cellpadding="0" cellspacing="3" border="0" >
|
||
<!-- <tr>
|
||
<td class="tt">码流类型</td>
|
||
<td>
|
||
<select id="record_streamtype" class="sel">
|
||
<option value="1">主码流</option>
|
||
<option value="2">子码流</option>
|
||
</select>
|
||
</td>
|
||
</tr> -->
|
||
<tr>
|
||
<td class="tt">开始时间</td>
|
||
<td>
|
||
<!-- <input id="starttime" type="text" class="txt" value="2013-12-10 00:00:00" />（时间格式：2013-11-11 12:34:56） -->
|
||
<input type="text" id="starttime" class="txt timecheck" name="recordDate" />
|
||
</td>
|
||
<!-- </tr>
|
||
<tr> -->
|
||
<td class="tt">结束时间</td>
|
||
<td>
|
||
<!-- <input id="endtime" type="text" class="txt" value="2013-12-11 23:59:59" /> -->
|
||
<input type="text" id="endtime" class="txt timecheck" name="recordDate" />
|
||
<!-- <input type="button" class="btn" value="搜索" onclick="clickRecordSearch(0);" /> -->
|
||
</td>
|
||
<!-- <td>
|
||
<div class='input-group date' id='datetimepicker2'>
|
||
<input type='text' class="form-control" />
|
||
<span class="input-group-addon">
|
||
<span class="glyphicon glyphicon-calendar"></span>
|
||
</span>
|
||
</div>
|
||
</td> -->
|
||
</tr>
|
||
<!-- <tr>
|
||
<td colspan="2">
|
||
<div id="searchdiv" class="searchdiv">
|
||
<table id="searchlist" class="searchlist" cellpadding="0" cellspacing="0" border="0"></table>
|
||
</div>
|
||
</td>
|
||
</tr> -->
|
||
<tr><td> </td></tr>
|
||
<tr>
|
||
<td colspan="4">
|
||
<input type="button" class="btn2" value="开始回放" onclick="clickStartPlayback();" />
|
||
<input type="button" class="btn2" value="停止回放" onclick="clickStopPlayback();" />
|
||
<!-- <input type="button" class="btn" value="倒放" onclick="clickReversePlayback();" />
|
||
<input type="button" class="btn" value="单帧" onclick="clickFrame();" />
|
||
<input id="transstream" type="checkbox" class="vtop" /> 启用转码码流 -->
|
||
<!-- </td>
|
||
</tr>
|
||
<tr>
|
||
<td colspan="2"> -->
|
||
<input type="button" class="btn2" value="暂停" onclick="clickPause();" />
|
||
<input type="button" class="btn2" value="恢复" onclick="clickResume();" />
|
||
<input type="button" class="btn2" value="慢放-" onclick="clickPlaySlow();" />
|
||
<input type="button" class="btn2" value="快放+" onclick="clickPlayFast();" />
|
||
<input type="button" class="btn2" value="实时预览" onclick="shishi();" />
|
||
</td>
|
||
</tr>
|
||
<!-- <tr>
|
||
<td colspan="2">
|
||
<input type="button" class="btn" value="抓图" onclick="clickCapturePic();" />
|
||
<input type="button" class="btn2" value="开始剪辑" onclick="clickStartRecord('playback');" />
|
||
<input type="button" class="btn2" value="停止剪辑" onclick="clickStopRecord('playback');" />
|
||
<input type="button" class="btn2" value="OSD时间" onclick="clickGetOSDTime();" /> <input id="osdtime" type="text" class="txt" readonly />
|
||
</td>
|
||
</tr> -->
|
||
</table>
|
||
</fieldset>
|
||
</div>
|
||
|
||
</body>
|
||
</html>
|