2025-03-27 15:05:14 +08:00

1018 lines
60 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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" />
<link rel="stylesheet" type="text/css" href="/ExchangeData/Styles/demo.css" />
<script src="/ExchangeData/Scripts/jquery-1.7.1.min.js"></script>
<script src="/ExchangeData/Scripts/webVideoCtrl.js"></script>
<script src="/ExchangeData/Scripts/demo.js"></script>
<script>
/*截取地址参数*/
function GetQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]);
return null;
}
/*end*/
// 登录
function clickLogin() {
var szIP = $("#loginip").val();
szPort = $("#port").val();
szUsername = $("#username").val();
szPassword = $("#password").val();
if ("" == szIP || "" == szPort) {
return;
}
var iRet = WebVideoCtrl.I_Login(szIP, 1, szPort, szUsername, szPassword, {
success: function (xmlDoc) {
showOPInfo(szIP + " 登录成功!");
$("#loginTr").hide();
$("#ip").prepend("<option value='" + szIP + "'>" + szIP + "</option>");
setTimeout(function () {
$("#ip").val(szIP);
getChannelInfo();
}, 10);
},
error: function () {
showOPInfo(szIP + " 登录失败!");
}
});
if (-1 == iRet) {
showOPInfo(szIP + " 已登录过!");
}
}
function getChannelInfo() {
var szIP = $("#ip").val(),
oSel = $("#channels").empty();
if ("" == szIP) {
return;
}
// 模拟通道
WebVideoCtrl.I_GetAnalogChannelInfo(szIP, {
async: false,
success: function (xmlDoc) {
var oChannels = $(xmlDoc).find("VideoInputChannel");
$.each(oChannels, function (i) {
var id = $(this).find("id").eq(0).text(),
name = $(this).find("name").eq(0).text();
if ("" == name) {
name = "通道" + (i < 9 ? "0" + (i + 1) : (i + 1));
}
oSel.append("<option value='" + id + "' bZero='false'>" + name + "</option>");
});
showOPInfo(szIP + " 获取模拟通道成功!");
},
error: function () {
showOPInfo(szIP + " 获取模拟通道失败!");
}
});
// 数字通道
WebVideoCtrl.I_GetDigitalChannelInfo(szIP, {
async: false,
success: function (xmlDoc) {
var oChannels = $(xmlDoc).find("InputProxyChannelStatus");
$.each(oChannels, function (i) {
var id = $(this).find("id").eq(0).text(),
name = $(this).find("name").eq(0).text(),
online = $(this).find("online").eq(0).text();
if ("false" == online) { // 过滤禁用的数字通道
return true;
}
if ("" == name) {
name = "数字通道" + (i < 9 ? "0" + (i + 1) : (i + 1));
}
oSel.append("<option value='" + id + "' bZero='false'>" + name + "</option>");
});
showOPInfo(szIP + " 获取数字通道成功!");
},
error: function () {
showOPInfo(szIP + " 获取数字通道失败!");
}
});
// 零通道
WebVideoCtrl.I_GetZeroChannelInfo(szIP, {
async: false,
success: function (xmlDoc) {
var oChannels = $(xmlDoc).find("ZeroVideoChannel");
$.each(oChannels, function (i) {
var id = $(this).find("id").eq(0).text(),
name = $(this).find("name").eq(0).text();
if ("" == name) {
name = "零通道" + (i < 9 ? "0" + (i + 1) : (i + 1));
}
if ("true" == $(this).find("enabled").eq(0).text()) { // 过滤禁用的零通道
oSel.append("<option value='" + id + "' bZero='true'>" + name + "</option>");
}
});
showOPInfo(szIP + " 获取零通道成功!");
},
error: function () {
showOPInfo(szIP + " 获取零通道失败!");
}
});
//jQuery("#channels").get(0).selectedIndex = "<%=_VIDEO_IP %>";
var DzszVideoIp = GetQueryString("szVideoIp");
// var num = "<%=_VIDEO_IP %>";
//alert(DzszVideoIp);
var num = DzszVideoIp;
num++;
$("#channels").val(num);
}
// 搜索录像
var iSearchTimes = 0;
function clickRecordSearch(iType) {
$("#czxx").show();
var szIP = $("#ip").val(),
iChannelID = $("#channels").val(),
bZeroChannel = $("#channels option").eq($("#channels").get(0).selectedIndex).attr("bZero") == "true" ? true : false,
szStartTime = $("#starttime").val(),
szEndTime = $("#endtime").val();
if ("" == szIP) {
return;
}
if (bZeroChannel) { // 零通道不支持录像搜索
return;
}
if (0 == iType) { // 首次搜索
$("#searchlist").empty();
iSearchTimes = 0;
}
$('#searchlist').append("<tr>" +
"<td style='width:30px;text-align:left;'>序号</td>" +
// "<td style='width:80px;text-align:center;'>录像通道</td>" +
// "<td style='width:90px;text-align:center;'>异常类型</td>" +
"<td style='text-align:center;width:80px;'>开始时间</td>" +
"<td style='text-align:center;width:80px;'>结束时间</td>" +
"<td style='text-align:center;width:180px;'>操作</td>" +
"</tr>");
WebVideoCtrl.I_RecordSearch(szIP, iChannelID, szStartTime, szEndTime, {
iSearchPos: iSearchTimes * 40,
success: function (xmlDoc) {
if ("MORE" === $(xmlDoc).find("responseStatusStrg").eq(0).text()) {
for (var i = 0, nLen = $(xmlDoc).find("searchMatchItem").length; i < nLen; i++) {
var szPlaybackURI = $(xmlDoc).find("playbackURI").eq(i).text();
if (szPlaybackURI.indexOf("name=") < 0) {
break;
}
var szStartTime = $(xmlDoc).find("startTime").eq(i).text();
var szEndTime = $(xmlDoc).find("endTime").eq(i).text();
var szFileName = szPlaybackURI.substring(szPlaybackURI.indexOf("name=") + 5, szPlaybackURI.indexOf("&size="));
if (Date.parse((szStartTime.replace("T", " ")).replace("Z", "")) < Date.parse('<%= _EXCEPTION_DATE%>') &&
Date.parse((szEndTime.replace("T", " ")).replace("Z", "")) > Date.parse('<%= _EXCEPTION_DATE%>')) {
$('#searchlist').append("<tr style='color:red;' onDblclick = 'clickStartPlayback(\"" + startTime + "\",\"" + endTime + "\");'>" +
"<td id = 'downloadTd" + i + "' style='width:20px;'>" + iSearchTimes * 40 + (i + 1) + "</td>" +
"<td>" + (szStartTime.replace("T", " ")).replace("Z", "") + "</td>" +
"<td>" + (szEndTime.replace("T", " ")).replace("Z", "") + "</td>" +
"<td><a href='javascript:;' onclick='clickStartDownloadRecord(" + i + ");'>本地下载</a></td>" +
"</tr>");
} else {
$('#searchlist').append("<tr onDblclick = 'clickStartPlayback(\"" + startTime + "\",\"" + endTime + "\");'>" +
"<td id = 'downloadTd" + i + "' style='width:20px;'>" + iSearchTimes * 40 + (i + 1) + "</td>" +
"<td style='width:80px;'>" + $("#channels option:selected").text() + "</td>" +
"<td style='width:90px;'>" + '<%= _EXCEPTIONTYPE%>' + "</td>" +
"<td>" + (szStartTime.replace("T", " ")).replace("Z", "") + "</td>" +
"<td>" + (szEndTime.replace("T", " ")).replace("Z", "") + "</td>" +
"<td><a href='javascript:;' onclick='clickStartDownloadRecord(" + i + ");'>本地下载</a></td>" +
"</tr>");
}
//var objTr = $("#searchlist").get(0).insertRow(-1);
//var objTd = objTr.insertCell(0);
//objTd.id = "downloadTd" + i;
//objTd.innerHTML = iSearchTimes * 40 + (i + 1);
//objTd = objTr.insertCell(1);
//objTd.width = "30%";
//objTd.innerHTML = $("#channels option:selected").text(); //szFileName;
//objTd = objTr.insertCell(2);
//objTd.width = "30%";
//objTd.innerHTML = (szStartTime.replace("T", " ")).replace("Z", "");
//objTd = objTr.insertCell(3);
//objTd.width = "30%";
//objTd.innerHTML = (szEndTime.replace("T", " ")).replace("Z", "");
//objTd = objTr.insertCell(4);
//objTd.width = "10%";
//objTd.innerHTML = "<a href='javascript:;' onclick='clickStartDownloadRecord(" + i + ");'>下载</a>";
//$("#downloadTd" + i).data("playbackURI", szPlaybackURI);
}
iSearchTimes++;
clickRecordSearch(1); // 继续搜索
} else if ("OK" === $(xmlDoc).find("responseStatusStrg").eq(0).text()) {
var iLength = $(xmlDoc).find("searchMatchItem").length;
for (var i = 0; i < iLength; i++) {
var szPlaybackURI = $(xmlDoc).find("playbackURI").eq(i).text();
if (szPlaybackURI.indexOf("name=") < 0) {
break;
}
var szStartTime = $(xmlDoc).find("startTime").eq(i).text();
var szEndTime = $(xmlDoc).find("endTime").eq(i).text();
var szFileName = szPlaybackURI.substring(szPlaybackURI.indexOf("name=") + 5, szPlaybackURI.indexOf("&size="));
var startTime = (szStartTime.replace("T", " ")).replace("Z", "");
var endTime = (szEndTime.replace("T", " ")).replace("Z", "");
if (Date.parse((szStartTime.replace("T", " ")).replace("Z", "")) < Date.parse('<%= _EXCEPTION_DATE%>') &&
Date.parse((szEndTime.replace("T", " ")).replace("Z", "")) > Date.parse('<%= _EXCEPTION_DATE%>')) {
$('#searchlist').append("<tr style='color:red;' onDblclick = 'clickStartPlayback(\"" + startTime + "\",\"" + endTime + "\");'>" +
//"<td id = 'downloadTd" + i + "' style='width:20px;'>" + iSearchTimes * 40 + (i + 1) + "</td>" +
//"<td style='width:80px;'>" + $("#channels option:selected").text() + "</td>" +
//"<td style='width:90px;'>" + '<%= _EXCEPTIONTYPE%>' + "</td>" +
"<td>" + (szStartTime.replace("T", " ")).replace("Z", "") + "</td>" +
"<td>" + (szEndTime.replace("T", " ")).replace("Z", "") + "</td>" +
"<td><a href='javascript:;' onclick='clickStartDownloadRecord(" + i + ");'>本地下载</a></td>" +
"</tr>");
} else {
$('#searchlist').append("<tr onDblclick = 'clickStartPlayback(\"" + startTime + "\",\"" + endTime + "\");'>" +
"<td id = 'downloadTd" + i + "' style='width:20px;'>" + iSearchTimes * 40 + (i + 1) + "</td>" +
//"<td style='width:80px;'>" + $("#channels option:selected").text() + "</td>" +
//"<td style='width:90px;'>" + '<%= _EXCEPTIONTYPE%>' + "</td>" +
"<td style='text-align:center;width:150px;'>" + (szStartTime.replace("T", " ")).replace("Z", "") + "</td>" +
"<td style='text-align:center;width:150px;'>" + (szEndTime.replace("T", " ")).replace("Z", "") + "</td>" +
"<td style='text-align:center;'><a href='javascript:;' onclick='clickStartPlayback(\"" + startTime + "\",\"" + endTime + "\");'>查看录像</a><a href='javascript:;' onclick='clickStartDownloadRecord(" + i + ");'>本地下载</a></td>" +
"</tr>");
}
//var objTr = $("#searchlist").get(0).insertRow(-1);
//var objTd = objTr.insertCell(0);
//objTd.id = "downloadTd" + i;
//objTd.innerHTML = iSearchTimes * 40 + (i + 1);
//objTd = objTr.insertCell(1);
//objTd.width = "30%";
//objTd.innerHTML = $("#channels option:selected").text();//szFileName;
//objTd = objTr.insertCell(2);
//objTd.width = "30%";
//objTd.innerHTML = (szStartTime.replace("T", " ")).replace("Z", "");
//objTd = objTr.insertCell(3);
//objTd.width = "30%";
//objTd.innerHTML = (szEndTime.replace("T", " ")).replace("Z", "");
//objTd = objTr.insertCell(4);
//objTd.width = "10%";
//objTd.innerHTML = "<a href='javascript:;' onclick='clickStartDownloadRecord(" + i + ");'>下载</a>";
$("#downloadTd" + i).data("playbackURI", szPlaybackURI);
}
showOPInfo(szIP + " 搜索录像文件成功!");
} else if ("NO MATCHES" === $(xmlDoc).find("responseStatusStrg").eq(0).text()) {
setTimeout(function () {
showOPInfo(szIP + " 没有录像文件!");
}, 50);
}
},
error: function () {
showOPInfo(szIP + " 搜索录像文件失败!");
}
});
}
</script>
<style>
.buttonclass {
outline: none;
vertical-align: middle;
text-align: center;
padding: 0px 8px 2px 8px;
padding: 0px 11px 1px 11px;
height: 30px;
line-height: normal;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border-radius: 0px;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
-webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 2px #ffffff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 2px #ffffff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
border: solid 1px #a9a9a9;
background: #fff;
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
}
.buttonclass:hover {
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#DEDEDE));
}
</style>
</head>
<body onunload="clickCloseSound();">
<div class="left" style="margin-left: 50px;">
<div class="play">
<p style="margin-bottom: 10px;">视频播放</p>
<div id="divPlugin" class="plugin"></div>
</div>
<fieldset class="preview" style="display: none;">
<legend>预览</legend>
<table cellpadding="0" cellspacing="3" border="0">
<tr>
<td class="tt">码流类型</td>
<td>
<select id="streamtype" class="sel">
<option value="1">主码流</option>
<option value="2">子码流</option>
<option value="3">第三码流</option>
<option value="4">转码码流</option>
</select>
</td>
<td>
<input type="button" class="btn" value="开始预览" onclick="clickStartRealPlay();" />
<input type="button" class="btn" value="停止预览" onclick="clickStopRealPlay();" />
</td>
</tr>
<tr>
<td class="tt">音量</td>
<td>
<input type="text" id="volume" class="txt" value="50" maxlength="3" />&nbsp;
<input type="button" class="btn" value="设置" onclick="clickSetVolume();" />范围0~100
</td>
<td>
<input type="button" class="btn" value="打开声音" onclick="clickOpenSound();" />
<input type="button" class="btn" value="关闭声音" onclick="clickCloseSound();" />
</td>
</tr>
<tr>
<td class="tt">对讲通道</td>
<td>
<select id="audiochannels" class="sel">
</select>
<input type="button" class="btn" value="获取通道" onclick="clickGetAudioInfo();" />
</td>
<td>
<input type="button" class="btn" value="开始对讲" onclick="clickStartVoiceTalk();" />
<input type="button" class="btn" value="停止对讲" onclick="clickStopVoiceTalk();" />
</td>
</tr>
<tr>
<td colspan="3">
<input type="button" class="btn" value="抓图" onclick="clickCapturePic();" />
<input type="button" class="btn" value="开始录像" onclick="clickStartRecord();" />
<input type="button" class="btn" value="停止录像" onclick="clickStopRecord();" />
</td>
</tr>
<tr>
<td colspan="3">
<input type="button" class="btn2" value="启用电子放大" onclick="clickEnableEZoom();" />
<input type="button" class="btn2" value="禁用电子放大" onclick="clickDisableEZoom();" />
<input type="button" class="btn2" value="启用3D放大" onclick="clickEnable3DZoom();" />
<input type="button" class="btn2" value="禁用3D放大" onclick="clickDisable3DZoom();" />
<input type="button" class="btn" value="全屏" onclick="clickFullScreen();" />
</td>
</tr>
</table>
</fieldset>
<fieldset class="ptz" style="display: none;">
<legend>云台控制</legend>
<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>
<td class="tt">云台速度</td>
<td>
<select id="ptzspeed" class="sel">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
</select>
</td>
</tr>
<tr>
<td class="tt">预置点号</td>
<td>
<input id="preset" type="text" class="txt" value="1" /></td>
</tr>
<tr>
<td colspan="2">
<input type="button" class="btn" value="设置" onclick="clickSetPreset();" />
<input type="button" class="btn" value="调用" onclick="clickGoPreset();" />
</td>
</tr>
</table>
<table cellpadding="0" cellspacing="3" border="0" class="left">
<tr>
<td class="tt">
<input type="button" class="btn2" value="变倍+" onmousedown="PTZZoomIn()" onmouseup="PTZZoomStop()"></td>
<td>
<input type="button" class="btn2" value="变倍-" onmousedown="PTZZoomout()" onmouseup="PTZZoomStop()"></td>
</tr>
<tr>
<td class="tt">
<input type="button" class="btn2" value="变焦+" onmousedown="PTZFocusIn()" onmouseup="PTZFoucusStop()"></td>
<td>
<input type="button" class="btn2" value="变焦-" onmousedown="PTZFoucusOut()" onmouseup="PTZFoucusStop()"></td>
</tr>
<tr>
<td class="tt">
<input type="button" class="btn2" value="光圈+" onmousedown="PTZIrisIn()" onmouseup="PTZIrisStop()"></td>
<td>
<input type="button" class="btn2" value="光圈-" onmousedown="PTZIrisOut()" onmouseup="PTZIrisStop()"></td>
</tr>
</table>
</fieldset>
<fieldset class="maintain" style="display: none;">
<legend>系统维护</legend>
<table width="100%" cellpadding="0" cellspacing="3" border="0">
<tr>
<td>
<input type="button" class="btn2" value="导出配置文件" onclick="clickExportDeviceConfig();" />
<input type="button" class="btn2" value="检查插件版本" onclick="clickCheckPluginVersion();" />
<input type="button" class="btn2" value="远程配置库" onclick="clickRemoteConfig();" />
<input type="button" class="btn2" value="恢复默认参数" onclick="clickRestoreDefault();" />
</td>
</tr>
<tr>
<td>
<input id="configFile" type="text" class="txt" />&nbsp;
<input type="button" class="btn" value="浏览" onclick="clickOpenFileDlg('configFile', 1);" />&nbsp;
<input type="button" class="btn2" value="导入配置文件" onclick=" clickImportDeviceConfig();" />
</td>
</tr>
<tr>
<td>
<input id="upgradeFile" type="text" class="txt" />&nbsp;
<input type="button" class="btn" value="浏览" onclick="clickOpenFileDlg('upgradeFile', 1);" />&nbsp;
<input type="button" class="btn2" value="升级" onclick=" clickStartUpgrade();" />
</td>
</tr>
</table>
</fieldset>
<div class="playback">
<table width="100%" cellpadding="0" cellspacing="3" border="0" class="searchdiv">
<tr>
<td colspan="8">
<div>
<table id="searchlist" class="searchlist" cellpadding="0" cellspacing="0" border="0"></table>
</div>
</td>
</tr>
<tr>
<td style="width: 50px;">通道列表:</td>
<td colspan="2">
<select id="channels" runat="server" style="width: 151px;" class="sel"></select>
</td>
<td style="width: 70px; text-align: right;">窗口分割数:</td>
<td colspan="2">
<select onchange="changeWndNum(this.value);" style="width: 151px;" class="sel">
<option value="1" selected>1x1</option>
<option value="2">2x2</option>
<option value="3">3x3</option>
<option value="4">4x4</option>
</select>
</td>
<td class="tt" style="display: none;">已登录设备</td>
<td style="display: none;">
<select id="ip" class="sel" onchange="getChannelInfo();" disabled="disabled"></select>
</td>
</tr>
<tr>
<td class="tt">开始时间:</td>
<td colspan="2">
<input id="starttime" runat="server" type="text" class="txt" style="width: 150px;" />
</td>
<!--<td class="tt" style="width: 70px; text-align: right;">&nbsp;&nbsp;&nbsp;交易时间:</td>
<td colspan="2">
<input id="EXCEPTIONDATE" runat="server" type="text" style="color: red;width: 150px;" disabled="disabled" class="txt" />
</td>
</tr>
<tr>-->
<td class="tt">结束时间:</td>
<td colspan="4" style="width: 70px; text-align: right;">
<input id="endtime" runat="server" type="text" class="txt" style="width: 150px;" />
</td>
</tr>
<tr>
<td colspan="6">
<input type="button" class="buttonclass" value="搜索" style="width: 50px;" onclick="clickRecordSearch(0);" />
<input type="button" class="buttonclass" value="保存" style="width: 50px;" onclick="ces();" />
</td>
</tr>
</table>
</div>
<div class="playback" style="display: none;">
<p style="margin-bottom: 10px; display: none;">回放</p>
<table width="100%" cellpadding="0" cellspacing="3" border="0">
<tr style="display: none;">
<td class="tt">IP地址</td>
<td>
<input id="loginip" type="text" runat="server" class="txt" disabled="disabled" />
</td>
<td class="tt">端口号</td>
<td>
<input id="port" type="text" runat="server" class="txt" disabled="disabled" />
</td>
</tr>
<tr style="display: none;">
<td class="tt">用户名</td>
<td>
<input id="username" type="text" runat="server" class="txt" autocomplete="off" disabled="disabled" />
</td>
<td class="tt">密码</td>
<td>
<input id="password" type="text" runat="server" class="txt" autocomplete="off" disabled="disabled" />
</td>
</tr>
<tr style="display: none;">
<td class="tt">设备端口:</td>
<td colspan="2">
<input id="deviceport" type="text" runat="server" class="txt" disabled="disabled" />(可选参数)
</td>
</tr>
<tr>
<td colspan="6">
<input type="button" style="display: none;" id="btnLoin" runat="server" class="btn" value="登录" onclick="clickLogin();" />
<input type="button" class="btn" value="退出" style="display: none;" onclick="clickLogout();" />
<input type="button" class="btn2" value="获取基本信息" style="display: none;" onclick="clickGetDeviceInfo();" />
</td>
</tr>
<tr>
<td colspan="6" style="padding: 0 8px;">
<!--<input type="button" class="btn2" style="margin-right:4px;background:url(/ExchangeData/Styles/img/aniu.png);
border:none;color:#ffffff;" value="开始回放" onclick="clickStartPlayback(null, null);" />-->
<img src="/ExchangeData/Styles/img/xplay.png" width="30" style="margin-right: 10px;" onclick="clickStartPlayback(null, null);" />
<!--<input type="button" class="btn2" style="margin-right:4px;background:url(/ExchangeData/Styles/img/aniu.png);
border:none;color:#ffffff;" value="停止回放" onclick="clickStopPlayback();" />-->
<img src="/ExchangeData/Styles/img/xstop.png" width="30" id="start" style="margin-right: 10px;" />
<!--<input type="button" class="btn" style="margin-right:4px;background:url(/ExchangeData/Styles/img/aniu.png);
border:none;color:#ffffff;" value="慢放" onclick="clickPlaySlow();" />-->
<img src="/ExchangeData/Styles/img/xslow.png" width="30" style="margin-right: 10px;" onclick="clickPlaySlow();" />
<!--<input type="button" class="btn" style="margin-right:4px;background:url(/ExchangeData/Styles/img/aniu.png);
border:none;color:#ffffff;" value="快放" onclick="clickPlayFast();" />-->
<img src="/ExchangeData/Styles/img/xfast.png" width="30" style="margin-right: 10px;" onclick="clickPlayFast();" />
<img src="/ExchangeData/Styles/img/xopen.png" width="30" id="voice" style="margin-right: 10px;" />
<!--<input type="button" id="pz_btn" style="margin-right:4px;background:url(/ExchangeData/Styles/img/aniu.png);
border:none;color:#ffffff;" class="btn2" value="本地配置" onclick="show2();" />-->
<!--<input type="button" id="hf_btn" style="margin-right:4px;background:url(/ExchangeData/Styles/img/aniu.png);
border:none;color:#ffffff;" class="btn2" value="更多操作" onclick="show1();" />-->
<span><a href="WebComponentsKit.exe">点击下载视频插件</a></span>
<input type="button" id="ss_btn" style="float: right;" class="buttonclass" value="更多功能" onclick="show3();" />
</td>
</tr>
<tr>
<td colspan="6">
<input id="transstream" type="checkbox" class="vtop hide" /><span class="hide">&nbsp;启用转码码流</span>
<!--<input type="button" class="btn hide" style="margin-right:4px;background:url(/ExchangeData/Styles/img/button.png);
background-size:100% 100%;border:none;color:#ffffff;" value="暂停" onclick="clickPause();" />
<!--<input type="button" class="btn hide" style="margin-right:4px;background:url(/ExchangeData/Styles/img/button.png);
background-size:100% 100%;border:none;color:#ffffff;" value="恢复" onclick="clickResume();" />-->
<input type="button" class="buttonclass hide" style="margin-right: 4px;" value="单帧" onclick="clickFrame();" />
<input type="button" class="buttonclass hide" style="margin-right: 4px;" value="倒放" onclick="clickReversePlayback();" />
<input type="text" id="volume" class="txt hide" value="50" maxlength="3" />&nbsp;
<input type="button" class="buttonclass hide" value="设置" onclick="clickSetVolume();" />
<span class="hide" style="line-height: 40px;">范围0~100</span>
</td>
</tr>
<tr>
<td colspan="6">
<!--<input type="button" class="btn2 hide" style="margin-right:4px;background:url(/ExchangeData/Styles/img/button.png);
background-size:100% 100%;border:none;color:#ffffff;" value="打开声音" onclick="clickOpenSound();" />-->
<!--<input type="button" class="btn2 hide" style="margin-right:4px;background:url(/ExchangeData/Styles/img/button.png);
background-size:100% 100%;border:none;color:#ffffff;" value="关闭声音" onclick="clickCloseSound();" />-->
<input type="button" class="buttonclass hide" style="margin-right: 4px;" value="抓图" onclick="clickCapturePic();" />
<input type="button" class="buttonclass hide" style="margin-right: 4px;" value="开始剪辑" onclick="clickStartRecord();" />
<input type="button" class="buttonclass hide" style="margin-right: 4px;" value="停止剪辑" onclick="clickStopRecord();" />
<input type="button" class="buttonclass hide" style="margin-right: 4px;" value="OSD时间" onclick="clickGetOSDTime();" />&nbsp;
<input id="osdtime" type="text" class="txt hide" readonly />
</td>
</tr>
<tr id="loginTr" runat="server">
<td colspan="6" align="right">
<a style="color: red; font-size: 12px;">正在登录,请稍后!</a>
<input type="button" id="btnLoin" runat="server" class="btn" style="font-size: 24px; width: 100px; height: 40px; display: none;" value="登录" onclick="clickLogin();" />
</td>
</tr>
</table>
</div>
<div class="localconfig" style="display: none;">
<div id="bdpz" style="border: 1px solid #7F9DB9; border-radius: 6px; padding: 10px 0 0 10px; display: none;">
<table cellpadding="0" cellspacing="3" border="0">
<tr>
<td class="tt" style="text-align: right;">播放性能:</td>
<td>
<select id="netsPreach" name="netsPreach" class="sel">
<option value="0">最短延时</option>
<option value="1">实时性好</option>
<option value="2">均衡</option>
<option value="3">流畅性好</option>
</select>
</td>
<td class="tt" style="text-align: right;">图像尺寸:</td>
<td>
<select id="wndSize" name="wndSize" class="sel">
<option value="0">充满</option>
<option value="1">4:3</option>
<option value="2">16:9</option>
</select>
</td>
</tr>
<tr>
<td class="tt" style="text-align: right;">规则信息:</td>
<td>
<select id="rulesInfo" name="rulesInfo" class="sel">
<option value="1">启用</option>
<option value="0">禁用</option>
</select>
</td>
<td class="tt" style="text-align: right;">抓图文件格式:</td>
<td>
<select id="captureFileFormat" name="captureFileFormat" class="sel">
<option value="0">JPEG</option>
<option value="1">BMP</option>
</select>
</td>
</tr>
<tr>
<td class="tt" style="display: none;">录像文件打包大小:</td>
<td style="display: none;">
<select id="packSize" name="packSize" class="sel">
<option value="0">256M</option>
<option value="1">512M</option>
<option value="2">1G</option>
</select>
</td>
<td class="tt" style="text-align: right; display: none;">协议类型:</td>
<td style="display: none;">
<select id="protocolType" name="protocolType" class="sel">
<option value="0">TCP</option>
<option value="2">UDP</option>
</select>
</td>
</tr>
<tr>
<td class="tt">录像文件保存路径:</td>
<td colspan="3">
<input id="recordPath" type="text" class="txt" />&nbsp;
<input type="button" class="buttonclass hide" value="浏览" onclick="clickOpenFileDlg('recordPath', 0);" />
</td>
</tr>
<tr>
<td class="tt">回放下载保存路径:</td>
<td colspan="3">
<input id="downloadPath" type="text" class="txt" />&nbsp;
<input type="button" class="buttonclass hide" value="浏览" onclick="clickOpenFileDlg('downloadPath', 0);" />
</td>
</tr>
<tr>
<td class="tt">预览抓图保存路径:</td>
<td colspan="3">
<input id="previewPicPath" type="text" class="txt" />&nbsp;
<input type="button" class="buttonclass hide" value="浏览" onclick="clickOpenFileDlg('previewPicPath', 0);" />
</td>
</tr>
<tr>
<td class="tt">回放抓图保存路径:</td>
<td colspan="3">
<input id="playbackPicPath" type="text" class="txt" />&nbsp;
<input type="button" class="buttonclass hide" value="浏览" onclick="clickOpenFileDlg('playbackPicPath', 0);" />
</td>
</tr>
<tr>
<td class="tt">回放剪辑保存路径:</td>
<td colspan="3">
<input id="playbackFilePath" type="text" class="txt" />&nbsp;
<input type="button" class="buttonclass hide" value="浏览" onclick="clickOpenFileDlg('playbackFilePath', 0);" />
</td>
</tr>
<tr>
<td colspan="4">
<input type="button" class="buttonclass hide" value="获取" onclick="clickGetLocalCfg();" />&nbsp;
<input type="button" class="buttonclass hide" value="设置" onclick=" clickSetLocalCfg();" />
</td>
</tr>
</table>
</div>
</div>
<fieldset class="callback" style="display: none;">
<legend>事件回调信息</legend>
<div id="cbinfo" class="cbinfo"></div>
</fieldset>
</div>
<div class="left" style="display: none;">
<!--<fieldset class="ipparse">
<legend>设备IP解析</legend>
<table cellpadding="0" cellspacing="3" border="0">
<tr>
<td class="tt">模式</td>
<td colspan="3">
<select id="devicemode" class="sel" onchange="changeIPMode(this.value);">
<option value="1">IPServer</option>
<option value="2">HiDDNS</option>
</select>
</td>
</tr>
<tr>
<td class="tt">服务器地址</td>
<td><input id="serveraddress" type="text" class="txt" value="" /></td>
<td class="tt">端口号</td>
<td><input id="serverport" type="text" class="txt" value="7071" /></td>
</tr>
<tr>
<td class="tt">设备标识</td>
<td><input id="deviceid" type="text" class="txt" value="" /></td>
<td class="tt">&nbsp;</td>
<td><input type="button" class="btn" value="获取设备IP" onclick="clickGetDeviceIP();" /></td>
</tr>
</table>
</fieldset>-->
<div class="operate" style="position: relative; top: 350px; left: -540px; width: 500px;">
<p style="margin-bottom: 10px;">操作信息</p>
<div style="border: 1px solid #7F9DB9; padding: 10px; border-radius: 6px; margin-top: 20px;">
<div style="height: 100px; border-bottom: 1px solid #7F9DB9; display: none;">
<div id="czxx" style="display: none;">
<table>
<tr style="height: 20px;">
<td style="text-align: right; width: 60px;">服务区名:</td>
<td style="word-wrap: hyphenate; width: 160px;">
<label id="SERVERPARTNAME" runat="server" class="txt"></label>
</td>
<td style="text-align: right; width: 60px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;店:</td>
<td style="word-wrap: hyphenate; width: 150px;">
<label id="SHOPNAME" runat="server" class="txt"></label>
</td>
<td style="text-align: right;">收银员名:</td>
<td style="word-wrap: hyphenate">
<label id="WORKERNAME" runat="server" class="txt"></label>
</td>
</tr>
<tr style="height: 20px;">
<td style="text-align: right; width: 60px;">异常类型:</td>
<td style="word-wrap: hyphenate; width: 160px; color: red;">
<label id="EXCEPTIONTYPE" runat="server" class="txt"></label>
</td>
<td style="text-align: right; width: 60px;">交易数量:</td>
<td style="word-wrap: hyphenate; width: 150px;">
<label id="EXCEPTIONCOUNT" runat="server" class="txt"></label>
</td>
<td>交易金额:</td>
<td style="word-wrap: hyphenate">
<label id="EXCEPTIONAMOUNT" runat="server" class="txt"></label>
</td>
</tr>
<tr style="height: 20px;">
<td style="text-align: right; width: 60px;">交易信息:</td>
<td style="word-wrap: hyphenate; width: 160px;" colspan="5">
<label id="COMMODITY_NAME" runat="server" class="txt"></label>
</td>
<td style="word-wrap: hyphenate; width: 60px; display: none;">商品条码:</td>
<td style="width: 150px; display: none;">
<label id="COMMODITY_BARCODE" runat="server" class="txt"></label>
</td>
<td style="display: none;">商品售价:</td>
<td style="word-wrap: hyphenate; display: none;">
<label id="COMMODITY_RETAILPRICE" runat="server" class="txt"></label>
</td>
</tr>
<tr style="height: 20px;">
<td style="text-align: right; width: 60px;">交易时间:</td>
<td style="width: 160px; color: red;">
<label id="EXCEPTION_DATE" runat="server" class="txt"></label>
</td>
</tr>
</table>
</div>
</div>
<!--<div style="height: 75px; margin-top: 10px;">
<div class="searchdiv">
<table id="searchlist" class="searchlist" cellpadding="0" cellspacing="0" border="0"></table>
</div>
</div>-->
<div id="opinfo" class="opinfo" style="display: none;"></div>
</div>
<table style="margin-top: 10px; display: none;" id="ss">
</table>
</div>
<fieldset class="ipchannel" style="display: none;">
<legend>数字通道</legend>
<table width="100%" cellpadding="0" cellspacing="3" border="0">
<tr>
<td>
<input type="button" class="btn" value="获取数字通道列表" onclick="clickGetDigitalChannelInfo();" /></td>
</tr>
<tr>
<td>
<div class="digitaltdiv">
<table id="digitalchannellist" class="digitalchannellist" cellpadding="0" cellspacing="0" border="0"></table>
</div>
</td>
</tr>
</table>
</fieldset>
<div class="localconfig">
<div id="bdpz" style="border: 1px solid #7F9DB9; border-radius: 6px; padding: 10px 0 0 10px; display: none;">
<table cellpadding="0" cellspacing="3" border="0">
<tr>
<td class="tt" style="text-align: right;">播放性能:</td>
<td>
<select id="netsPreach" name="netsPreach" class="sel">
<option value="0">最短延时</option>
<option value="1">实时性好</option>
<option value="2">均衡</option>
<option value="3">流畅性好</option>
</select>
</td>
<td class="tt" style="text-align: right;">图像尺寸:</td>
<td>
<select id="wndSize" name="wndSize" class="sel">
<option value="0">充满</option>
<option value="1">4:3</option>
<option value="2">16:9</option>
</select>
</td>
</tr>
<tr>
<td class="tt" style="text-align: right;">规则信息:</td>
<td>
<select id="rulesInfo" name="rulesInfo" class="sel">
<option value="1">启用</option>
<option value="0">禁用</option>
</select>
</td>
<td class="tt" style="text-align: right;">抓图文件格式:</td>
<td>
<select id="captureFileFormat" name="captureFileFormat" class="sel">
<option value="0">JPEG</option>
<option value="1">BMP</option>
</select>
</td>
</tr>
<tr>
<td class="tt" style="display: none;">录像文件打包大小:</td>
<td style="display: none;">
<select id="packSize" name="packSize" class="sel">
<option value="0">256M</option>
<option value="1">512M</option>
<option value="2">1G</option>
</select>
</td>
<td class="tt" style="text-align: right; display: none;">协议类型:</td>
<td style="display: none;">
<select id="protocolType" name="protocolType" class="sel">
<option value="0">TCP</option>
<option value="2">UDP</option>
</select>
</td>
</tr>
<tr>
<td class="tt">录像文件保存路径:</td>
<td colspan="3">
<input id="recordPath" type="text" class="txt" />&nbsp;<input type="button" class="btn" value="浏览" onclick="clickOpenFileDlg('recordPath', 0);" /></td>
</tr>
<tr>
<td class="tt">回放下载保存路径:</td>
<td colspan="3">
<input id="downloadPath" type="text" class="txt" />&nbsp;<input type="button" class="btn" value="浏览" onclick="clickOpenFileDlg('downloadPath', 0);" /></td>
</tr>
<tr>
<td class="tt">预览抓图保存路径:</td>
<td colspan="3">
<input id="previewPicPath" type="text" class="txt" />&nbsp;<input type="button" class="btn" value="浏览" onclick="clickOpenFileDlg('previewPicPath', 0);" /></td>
</tr>
<tr>
<td class="tt">回放抓图保存路径:</td>
<td colspan="3">
<input id="playbackPicPath" type="text" class="txt" />&nbsp;<input type="button" class="btn" value="浏览" onclick="clickOpenFileDlg('playbackPicPath', 0);" /></td>
</tr>
<tr>
<td class="tt">回放剪辑保存路径:</td>
<td colspan="3">
<input id="playbackFilePath" type="text" class="txt" />&nbsp;<input type="button" class="btn" value="浏览" onclick="clickOpenFileDlg('playbackFilePath', 0);" /></td>
</tr>
<tr>
<td colspan="4">
<input type="button" class="btn" value="获取" onclick="clickGetLocalCfg();" />&nbsp;
<input type="button" class="btn" value="设置" onclick=" clickSetLocalCfg();" /></td>
</tr>
</table>
</div>
</div>
</div>
</body>
<script>
$(function () {
var DzszIP = GetQueryString("szIP_2");
var DzszPort = GetQueryString("szPort_2");
var DzszUsername = GetQueryString("szUsername_2");
var DzszPassword = GetQueryString("szPassword_2");
var Dzstarttime = GetQueryString("starttime_2");
var Dzendtime = GetQueryString("endtime_2");
var Dzdeviceport = GetQueryString("deviceport_2");
$("#loginip").val(DzszIP);
$("#port").val(DzszPort);
$("#username").val(DzszUsername);
$("#password").val(DzszPassword);
$("#starttime").val(Dzstarttime);
$("#endtime").val(Dzendtime);
$("#deviceport").val(Dzdeviceport);
setTimeout(clickLogin, 1000);
});
$(function () {
setTimeout(clickRecordSearch, 2000);
});
$(function () {
// setTimeout(clickStartPlayback, 2000);
});
$(function () {
setTimeout(clickOpenSound, 3000);
});
function show1() {
$(".hide").toggle();
}
function show2() {
$("#bdpz").toggle();
}
function show3() {
$(".hide").toggle();
$("#bdpz").toggle();
$("#ss").toggle();
}
$("#voice").click(function () {
var src = $("#voice").attr("src");
if (src == "/ExchangeData/Styles/img/xopen.png") {
document.getElementById("voice").src = "/ExchangeData/Styles/img/xclose.png";
clickCloseSound();
}
if (src == "/ExchangeData/Styles/img/xclose.png") {
document.getElementById("voice").src = "/ExchangeData/Styles/img/xopen.png";
clickOpenSound();
}
});
$("#start").click(function () {
var src = $("#start").attr("src");
if (src == "/ExchangeData/Styles/img/xstop.png") {
document.getElementById("start").src = "/ExchangeData/Styles/img/xstart.png";
clickPause();
}
if (src == "/ExchangeData/Styles/img/xstart.png") {
document.getElementById("start").src = "/ExchangeData/Styles/img/xstop.png";
clickResume();
}
});
function ces() {
var SHOPVIDEO_ID = GetQueryString("SHOPVIDEO_ID");
var channelsval = $("#channels").val() - 1;
$.ajax({
type: "get",
url: "http://mall.eshangtech.com:8010/MobileServicePlatform/Handler/handler_ajax.ashx",
data: "action_type=SaveVedioInfo&action_data=" + SHOPVIDEO_ID + "&action_record=" + channelsval,
dataType: "text",
async: true,
success: function (rs) {
if (rs == 1) {
alert("保存成功!");
} else {
alert("保存失败!")
}
}
});
}
</script>
</html>