sooka_maintenance
/
forestry_jian


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866
							<!doctype html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<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 th:href="@{/v/camera/css/jquery-ui.css}" rel="stylesheet">
	<link th:href="@{/v/camera/css/demo.css}" rel="stylesheet">
	<link rel="shortcut icon" href="../../static/sooka.ico" th:href="@{/sooka.ico}"/>
	<script th:src="@{/v/camera/lib/jquery.js}"></script>
	<script th:src="@{/v/camera/lib/jquery-ui.js}"></script>
	<script th:src="@{/v/camera/lib/json2.js}"></script>
	<script th:inline="javascript">var ctx = [[@{/}]];</script>
</head>
<script>
    // document.write("<link type='text/css' href='../css/demo.css?version=" + new Date().getTime() + "' rel='stylesheet' />");
</script>
<body>
<div class="header_div">数字伊通视频共享总平台</div>
<ul class="top_ul">
	<li class="on"><a>电视墙</a></li>
	<li id="jkd"><a>指挥端</a></li>
	<li id="gld"><a>管理端</a></li>
	<li id="dsj"><a>大数据端</a></li>
</ul>
<div class="spjk_div">
	<div class="left con_left">
		<ul class="sp_list" >
			<li th:each="device : ${device_list}" th:text="${device['name']}" th:onclick="playplay([[${device.deviceIp}]])"></li>
		</ul>
	</div>


	<div class="left con_cont">
		<div id="divPlugin" class="plugin">
		</div>

		<!--
        <fieldset class="login">
            <legend>开启注册监听</legend>
            <table cellpadding="0" cellspacing="3" border="0">
                <tr>
                    <td class="tt">服务器IP</td>
                    <td><input id="serverip" type="text" class="txt" value="10.33.12.59" /></td>
                    <td class="tt">端口</td>
                    <td><input id="serverport" type="text" class="txt" value="9500" /></td>
                </tr>
                <tr>
                    <td colspan="4">
                        <input type="button" value="开启注册监听" onclick="startRegisterListen()" />
                    </td>
                </tr>
            </table>
        </fieldset>
        <-->
		<fieldset class="login hide">
			<legend>登录</legend>
			<table cellpadding="0" cellspacing="3" border="0">
				<tr>
					<td class="tt">IP地址</td>
					<td><input id="loginip" type="text" class="txt" value="172.31.17.131" /></td>
					<td class="tt">端口号</td>
					<td><input id="port" type="text" class="txt" value="80" /></td>
				</tr>
				<tr>
					<td class="tt">协议类型</td>
					<td  >
						<select id="protocolType" class="sel" onchange="changeProtocol(this.value);">
							<option value="0">TCP</option>
							<option value="2">SERVER_CONN</option>
							<option value="4">UDP</option>
							<option value="3">组播</option>
						</select>
					</td>
				</tr>
				<tr>
					<td class="tt">用户名</td>
					<td><input id="username" type="text" class="txt" value="admin" /></td>
					<td class="tt">密码</td>
					<td><input id="password" type="password" class="txt" value="admin123" /></td>
				</tr>
				<tr>
					<td class="tt">RTSP端口</td>
					<td  ><input id="rtspport" type="text" class="txt" value="80" />（可选参数）</td>
					<td colspan="4">
						<input type="button" class="btn" value="登录" onclick="clickLogin();" />
						<input type="button" class="btn" value="退出" onclick="clickLogout();" />
					</td>
				</tr>
				<tr>
					<td class="tt">已登录设备</td>
					<td>
						<select id="ips" class="sel" onchange="switchDeviceInfo(this.value);"></select>
					</td>
					<td class="tt">通道列表</td>
					<td>
						<select id="channels" class="sel"></select>
					</td>
				</tr>
				<tr>
					<td class="tt">窗口分割数</td>
					<td  >
						<select id="wndNum" class="sel2" onchange="changeWndNum(this.value);">
							<option value="1">1x1</option>
							<option value="2" selected>2x2</option>
							<option value="3">3x3</option>
							<option value="4">4x4</option>
							<option value="5">5x5</option>
							<option value="6">6x6</option>
						</select>
					</td>
					<td colspan="4">
						<input type="button" class="btn" value="全屏" onclick="clickFullScreen();" />
					</td>
				</tr>
				<tr>
					<td class="tt">窗口分割自定义</td>
					<td  >
						<select id="wndRow" class="sel2" onchange="changeWndRow(this.value);">
							<option value="1">1</option>
							<option value="2" selected>2</option>
							<option value="3">3</option>
							<option value="4">4</option>
							<option value="5">5</option>
							<option value="6">6</option>
						</select>
					</td>
					<td  >
						<select id="wndCol" class="sel2" onchange="changeWndCol(this.value);">
							<option value="1">1</option>
							<option value="2" selected>2</option>
							<option value="3">3</option>
							<option value="4">4</option>
							<option value="5">5</option>
							<option value="6">6</option>
						</select>
					</td>
				</tr>
			</table>
		</fieldset>
		<fieldset class="localconfig  hide">
			<legend>本地配置</legend>
			<table cellpadding="0" cellspacing="3" border="0">
				<tr>
					<td class="tt">播放性能</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">图像尺寸</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">规则信息</td>
					<td>
						<select id="rulesInfo" name="rulesInfo" class="sel">
							<option value="1">启用</option>
							<option value="0">禁用</option>
						</select>
					</td>
					<td class="tt">抓图文件格式</td>
					<td>
						<select id="captureFileFormat" name="captureFileFormat" class="sel">
							<option value="0">BMP</option>
							<option value="1">JEPG</option>
						</select>
					</td>
				</tr>
				<tr>
					<td class="tt">录像文件保存路径</td>
					<td colspan="3"><input id="LiveRecord" type="text" class="txt" />&nbsp;<input type="button" class="btn" value="浏览" onclick="clickOpenFileDlg('LiveRecord');" /></td>
				</tr>
				<tr>
					<td class="tt">回放下载保存路径</td>
					<td colspan="3"><input id="Download" type="text" class="txt" />&nbsp;<input type="button" class="btn" value="浏览" onclick="clickOpenFileDlg('Download');" /></td>
				</tr>
				<tr>
					<td class="tt">预览抓图保存路径</td>
					<td colspan="3"><input id="LiveSnapshot"  type="text" class="txt" />&nbsp;<input type="button" class="btn" value="浏览" onclick="clickOpenFileDlg('LiveSnapshot');" /></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');" /></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');" /></td>
				</tr>
			</table>
		</fieldset>
		<fieldset class="operate  hide">
			<legend>操作信息</legend>
			<div id="opinfo" class="opinfo"></div>
		</fieldset>
	</div>
	<div class="right con_right">
		<fieldset class="preview hide">
			<legend>预览</legend>
			<table cellpadding="0" cellspacing="3" border="0">
				<tr>
					<td class="tt"  >码流类型</td>
					<td  >
						<select id="streamtype" class="sel2" onchange="changeStreamType(this.value);">
							<option value="1">主码流</option>
							<option value="2">子码流</option>
						</select>
					</td>
					<td>
					</td>
				</tr>
				<tr>
					<td class="tt"  >播放窗口选择</td>
					<td  >
						<select id="winMode" class="sel2" onchange="changeWinMode(this.value);">
							<option value="0">选中窗口</option>
							<option value="1">指定窗口</option>
						</select>
						<select style="margin-top: 5px;" id="winIndex" class="sel2" onchange="changeWndIndex(this.value);">
						</select>
					</td>

				</tr>
				<tr><td height="5"></td></tr>
				<tr>
					<td width="50%" >
						<input type="button" class="btn" value="开始预览" onclick="clickStartRealPlay();" />
					</td>
					<td  width="50%" >
						<input type="button" class="btn" value="停止预览" onclick="clickStopRealPlay();" />
					</td>
				</tr>
				<tr>
					<td  >
						<input type="button" class="btn" value="播放所有" onclick="clickStartAllRealPlay();" />
					</td>
					<td  >
						<input type="button" class="btn" value="关闭所有" onclick="clickStopAllRealPlay();" />
					</td>
				</tr>
				<tr>
					<td  >
						<input type="button" class="btn" value="开始对讲" onclick="clickStartVoiceTalk();" />
					</td>
					<td  >
						<input type="button" class="btn" value="停止对讲" onclick="clickStopVoiceTalk();" />
					</td>
				</tr>
				<tr>
					<td  >
						<input type="button" class="btn" value="开启智能" onclick="enableIVS();" />
					</td>
					<td  >
						<input type="button" class="btn" value="停止智能" onclick="disableIVS();" />
					</td>

				</tr>

			</table>
		</fieldset>
		<fieldset class="preview hide">
			<legend>音视频操作</legend>
			<div id="tabs_control">
				<ul>
					<li><a href="#tabs-1">本地操作</a></li>
					<li><a href="#tabs-2">聚集控制</a></li>
				</ul>
				<div id="tabs-1">
					<table cellpadding="0" cellspacing="3" border="0">
						<tr>
							<td class="tt">
								<input type="button" class="btn" value="打开声音" onclick="clickOpenSound();" />
							</td>
							<td >
								<input type="button" class="btn" value="关闭声音" onclick="clickCloseSound();" />
							</td>
							<td>
							</td>
						</tr>
						<tr>
							<td>
								<input type="button" class="btn" value="抓图" onclick="clickCapturePic();" />
							</td>
						</tr>
						<tr>
							<td>
								<select id="recordFormat" class="sel">
									<option value="0" selected>dav</option>
									<option value="1">avi</option>
									<option value="3">mp4</option>
								</select>
							</td>
							<td>
								<input type="button" class="btn" value="开始录像" onclick="clickStartRecord();" />
							</td>
							<td>
								<input type="button" class="btn" value="停止录像" onclick="clickStopRecord();" />
							</td>
						</tr>
						<tr>
							<td>
								<input type="button" class="btn2" value="启用电子放大" onclick="clickEnableEZoom();" />
							</td>
							<td>
								<input type="button" class="btn2" value="禁用电子放大" onclick="clickDisableEZoom();" />
							</td>
							<td>
							</td>
						</tr>
					</table>
				</div>
				<div id="tabs-2">
					<table cellpadding="0" cellspacing="3" border="0">
						<tr>
							<td class="tt">
								<input type="button" class="btn" value="区域聚集" onclick="clickFocusRegion();" />
							</td>
							<td >
							</td>
							<td>
							</td>
						</tr>
					</table>
				</div>
		</fieldset>
		<fieldset class="playback hide">
			<legend>回放</legend>
			<div id="tabs_playback">
				<ul>
					<li><a href="#tabs-1">按文件播放</a></li>
					<!--
                    <li><a href="#tabs-2">按时间播放</a></li>
                    <-->
				</ul>
				<div id="tabs-1">
					<table width="100%" cellpadding="0" cellspacing="3" border="0">
						<tr>
							<td class="tt"><input type="button" class="btn2" value="查询录像状态" onclick="clickSearchRecordStatus();" /></td>
							<td>
								<!--年份信息-->
								<select id="recordStatus_year" class="sel">
									<option value="2018">2018</option>
									<option value="2019">2019</option>
									<option value="2019" selected>2020</option>
								</select>
								<!--月份信息-->
								<select id="recordStatus_month" class="sel">
								</select>
							</td>
						</tr>
						<tr>
							<td class="tt">录像状态</td>
							<td>
								<select id="record_Status" class="sel">
								</select>
							</td>
						</tr>
						<tr>
							<td class="tt">码流类型</td>
							<td>
								<select id="record_streamtype" class="sel">
									<option value="0">所有码流</option>
									<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="2020-09-04 00:00:00" />（时间格式：2013-11-11 12:34:56）
							</td>
						</tr>
						<tr>
							<td class="tt">结束时间</td>
							<td>
								<input id="endtime" type="text" class="txt" value="2020-09-04 23:59:59" />
							</td>
						</tr>
						<tr>
							<td  >
								查询：<input type="button" class="btn2" value="开始搜索" onclick="clickStartRecordSearch();" />
								查询句柄:<input id="recordQueyrHandle" type="text" class="txt" value="0" />
								<input type="button" class="btn2" value="继续搜索" onclick="clickNextRecordSearch();" />
							</td>
						</tr>
						<tr>
							<td  >
								<!--录像信息-->
								录像信息：
								<select id="recordInfor">
								</select>
							</td>
						</tr>
						<tr>
							<td  >
								<input type="button" class="btn2" value="开始回放" onclick="clickStartPlayback();" />
								<input type="button" class="btn2" value="停止回放" onclick="clickStopPlayback();" />
							</td>
						</tr>
						<tr>
							<td  >
								<input type="button" class="btn" value="暂停" onclick="clickPause();" />
								<input type="button" class="btn" value="恢复" onclick="clickResume();" />
								<input type="button" class="btn" value="单帧" onclick="clickPlayOneFrame()" />
								<input type="button" class="btn" value="慢放" onclick="clickPlaySlow();" />
								<input type="button" class="btn" value="快放" onclick="clickPlayFast();" />
							</td>
						</tr>
					</table>
				</div>
				<div id="tabs-2">
				</div>
			</div>
		</fieldset>
		<fieldset class="ptz">
			<!--<legend>云台控制</legend>-->

			<div >


				<table cellpadding="0" cellspacing="3" border="0" class="left table1">
					<tr>
						<td class="left_btn">
							<div class="zs_btn">
								<span class="span_img1"><img th:src="@{/v/camera/css/jiao.png}" /></span>
								<span class="span_img2 hide"><img th:src="@{/v/camera/css/jiao2.png}" /></span>
								<input type="button" class="btn zs_btn" value="左上" onmousedown="mouseUPLeftPTZControl(true);" onmouseup="mouseUPLeftPTZControl(false);" title="左上"  />
							</div>
							<div class="s_btn">
								<span class="span_img1"><img th:src="@{/v/camera/css/jiao.png}" /></span>
								<span class="span_img2 hide"><img th:src="@{/v/camera/css/jiao2.png}" /></span>
								<input type="button" class="btn " value="上" onmousedown="mouseUpPTZControl(true);" onmouseup="mouseUpPTZControl(false);"  title="上"  />
							</div>
							<div class="ys_btn">
								<span class="span_img1"><img th:src="@{/v/camera/css/jiao.png}" /></span>
								<span class="span_img2 hide"><img th:src="@{/v/camera/css/jiao2.png}" /></span>
								<input type="button" class="btn " value="右上" onmousedown="mouseUPRightPTZControl(true);" onmouseup="mouseUPRightPTZControl(false);"  title="右上"  />
							</div>
						</td>
					</tr>
					<tr>
						<td class="con_btn">

			<div class="z_btn">
				<span class="span_img1"><img th:src="@{/v/camera/css/jiao.png}" /></span>
				<span class="span_img2 hide"><img th:src="@{/v/camera/css/jiao2.png}" /></span>
				<input type="button" class="btn " value="左" onmousedown="mouseLefPTZControl(true);" onmouseup="mouseLefPTZControl(false);"  title="左"  />
			</div>
			<div class="zs_btn">

				<input type="button" class="center" value="全屏"   onclick="clickFullScreen();" />
			</div>
			<div class="y_btn">
				<span class="span_img1"><img th:src="@{/v/camera/css/jiao.png}" /></span>
				<span class="span_img2 hide"><img th:src="@{/v/camera/css/jiao2.png}" /></span>
				<input type="button" class="btn " value="右" onmousedown="mouseRightPTZControl(true);" onmouseup="mouseRightPTZControl(false);"  title="右"  />
			</div>
			</td>
			</tr>
			<tr>
				<td class="right_btn">

					<div class="zx_btn">
						<span class="span_img1"><img th:src="@{/v/camera/css/jiao.png}" /></span>
						<span class="span_img2 hide"><img th:src="@{/v/camera/css/jiao2.png}" /></span>
						<input type="button" class="btn " value="左下" onmousedown="mouseDownLeftPTZControl(true);" onmouseup="mouseDownLeftPTZControl(false);"  title="左上"  />
					</div>
					<div class="x_btn">
						<span class="span_img1"><img th:src="@{/v/camera/css/jiao.png}" /></span>
						<span class="span_img2 hide"><img th:src="@{/v/camera/css/jiao2.png}" /></span>
						<input type="button" class="btn " value="下" onmousedown="mouseDownPTZControl(true);" onmouseup="mouseDownPTZControl(false);"  title="下"  />
					</div>
					<div class="yx_btn">
						<span class="span_img1"><img th:src="@{/v/camera/css/jiao.png}" /></span>
						<span class="span_img2 hide"><img th:src="@{/v/camera/css/jiao2.png}" /></span>
						<input type="button" class="btn " value="右下" onmousedown="mouseDownRightPTZControl(true);" onmouseup="mouseDownRightPTZControl(false);"  title="右下"  />
					</div>
				</td>
			</tr>


			</table>


			<table cellpadding="0" cellspacing="3" border="0" class="table2">
				<tr>
					<td><span class="span_img1"><img th:src="@{/v/camera/css/d_icon.png}"/></span>
						<span class="span_img2 hide"><img th:src="@{/v/camera/css/d_icon_2.png}"/></span>
						<input type="button" class="btn2" title="变倍+" onmousedown="PTZZoomIn(true)" onmouseup="PTZZoomIn(false)"></td>
					<td>变倍</td>
					<td>
						<span class="span_img1"><img th:src="@{/v/camera/css/x_icon.png}"/></span>
						<span class="span_img2 hide"><img th:src="@{/v/camera/css/x_icon_2.png}"/></span>
						<input type="button" class="btn2" title="变倍-" onmousedown="PTZZoomout(true)" onmouseup="PTZZoomout(false)"></td>
				</tr>
				<tr>
					<td>
						<span class="span_img1"><img th:src="@{/v/camera/css/d_icon2.png}"/></span>
						<span class="span_img2 hide"><img th:src="@{/v/camera/css/d_icon2_2.png}"/></span>
						<input type="button" class="btn2" title="变焦+" onmousedown="PTZFocusIn(true)" onmouseup="PTZFocusIn(false)"></td>
					<td>变焦</td>
					<td>
						<span class="span_img1"><img th:src="@{/v/camera/css/x_icon2.png}"/></span>
						<span class="span_img2 hide"><img th:src="@{/v/camera/css/x_icon2_2.png}"/></span>
						<input type="button" class="btn2" title="变焦-" onmousedown="PTZFoucusOut(true)" onmouseup="PTZFoucusOut(false)"></td>
				</tr>
				<tr>
					<td>
						<span class="span_img1"><img th:src="@{/v/camera/css/d_icon3.png}"/></span>
						<span class="span_img2 hide"><img th:src="@{/v/camera/css/d_icon3_2.png}"/></span>
						<input type="button" class="btn2" title="光圈+" onmousedown="PTZIrisIn(true)" onmouseup="PTZIrisIn(false)"></td>
					<td>光圈</td>
					<td>
						<span class="span_img1"><img th:src="@{/v/camera/css/d_icon3.png}"/></span>
						<span class="span_img2 hide"><img th:src="@{/v/camera/css/x_icon3_3.png}"/></span>
						<input type="button" class="btn2" title="光圈-" onmousedown="PTZIrisOut(true)" onmouseup="PTZIrisOut(false)"></td>
				</tr>
			</table>
				<script>
                    $(".table1 tr td div input").hover(function(){
                        $(this).siblings('.span_img1').addClass('hide').siblings('.span_img2').removeClass('hide');
                    },function(){
                        $(this).siblings('.span_img2').addClass('hide').siblings('.span_img1').removeClass('hide');
                    });
                    $(".table2 tr td div input").hover(function(){
                        $(this).siblings('.span_img1').addClass('hide').siblings('.span_img2').removeClass('hide');
                    },function(){
                        $(this).siblings('.span_img2').addClass('hide').siblings('.span_img1').removeClass('hide');
                    });

				</script>
			<table cellpadding="0" cellspacing="3" border="0" class="table3">
				<tr>


					<td class="tt">云台速度</td>
					<td colspan="2">
						<select id="ptzspeed" class="sel">
							<option value="1">1</option>
							<option value="2">2</option>
							<option value="3">3</option>
							<option value="4" selected>4</option>
							<option value="5">5</option>
							<option value="6">6</option>
							<option value="7">7</option>
							<option value="8">8</option>
						</select>
					</td>
				</tr>
				<tr>
					<td class="tt">窗口分割</td>
					<td  colspan="2">
						<select id="wndNum" class="sel2" onchange="changeWndNum(this.value);">
							<option value="1">1x1</option>
							<option value="2" selected>2x2</option>
							<option value="3">3x3</option>
							<option value="4">4x4</option>

							<option value="5">5x5</option>
							<option value="6">6x6</option>
						</select>
					</td>
				</tr>
				<tr>
					<td class="tt"  >窗口选择</td>
					<td  colspan="2">
						<select id="winMode" class="sel2" onchange="changeWinMode(this.value);">
							<option value="0">选中窗口</option>
							<option value="1">指定窗口</option>
						</select>
						<select style="margin-top: 5px;float:left;" id="winIndex" class="sel2" onchange="changeWndIndex(this.value);">
						</select>
					</td>

				</tr><tr>
				<td  colspan="3">
					<input type="button" class="btn btn2" value="播放所有" onclick="clickStartAllRealPlay();" />
					<input type="button" class="btn btn2" value="关闭所有" onclick="clickStopAllRealPlay();" />
				</td>

			</tr><tr>
				<td  colspan="3">
					<input type="button" class="btn3" value="抓图" onclick="clickCapturePic();" />
				</td>
			</tr>
				<tr>
					<td>
						<select id="recordFormat" class="sel">
							<option value="0" selected>dav</option>
							<option value="1">avi</option>
							<option value="3">mp4</option>
						</select>
					</td>
					<td>
						<input type="button" class="btn" value="开始录像" onclick="clickStartRecord();" />
					</td>
					<td>
						<input type="button" class="btn" value="停止录像" onclick="clickStopRecord();" />
					</td>
				</tr>

			</table>


	</div>


	</fieldset>


	<!--
    <fieldset class="playback">
        <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）
                </td>
            </tr>
            <tr>
                <td class="tt">结束时间</td>
                <td>
                    <input id="endtime" type="text" class="txt" value="2013-12-11 23:59:59" />
                    <input type="button" class="btn" value="搜索" onclick="clickRecordSearch(0);" />
                </td>
            </tr>
            <tr>
                <td  >
                    <div id="searchdiv" class="searchdiv">
                        <table id="searchlist" class="searchlist" cellpadding="0" cellspacing="0" border="0"></table>
                    </div>
                </td>
            </tr>
            <tr>
                <td  >
                    <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" />&nbsp;启用转码码流
                </td>
            </tr>
            <tr>
                <td  >
                    <input type="button" class="btn" value="暂停" onclick="clickPause();" />
                    <input type="button" class="btn" value="恢复" onclick="clickResume();" />
                    <input type="button" class="btn" value="慢放" onclick="clickPlaySlow();" />
                    <input type="button" class="btn" value="快放" onclick="clickPlayFast();" />
                </td>
            </tr>
            <tr>
                <td  >
                    <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();" />&nbsp;<input id="osdtime" type="text" class="txt" readonly />
                </td>
            </tr>
        </table>
    </fieldset>
    <-->
	<fieldset class="playback hide">
		<legend>人数统计</legend>
		<table width="100%" cellpadding="0" cellspacing="3" border="0">
			<tr>
				<td class="tt">规则</td>
				<td>
					<select id="humanFlowRule" class="sel">
						<option value="0">区域内人数统计</option>
						<option value="1">人数统计</option>
					</select>
				</td>
			</tr>
			<tr>
				<td class="tt">跨度</td>
				<td>
					<select id="humanFlowGranularity" class="sel">
						<option value="0">日</option>
						<option value="1">月</option>
					</select>
				</td>
			</tr>
			<tr>
				<td class="tt">开始时间</td>
				<td>
					<input id="humanFlowStarttime" type="text" class="txt" value="2020-09-04 00:00:00" />（时间格式：2013-11-11 12:34:56）
				</td>
			</tr>
			<tr>
				<td class="tt">结束时间</td>
				<td>
					<input id="humanFlowEndtime" type="text" class="txt" value="2020-09-04 23:59:59" />
				</td>
			</tr>
			<tr>
				<td class="tt">滞留时间</td>
				<td>
					<select id="humanFlowMinStayTime" class="sel">
						<option value="5">5秒</option>
						<option value="30">30秒</option>
						<option value="60">60秒</option>
					</select>
				</td>
			</tr>
			<tr>
				<td  >
					<input type="button" class="btn2" value="开启查询" onclick="clickStartTrafficDataQuery();" />
					查询句柄:<input id="humanFlowQueryHandle" type="text" class="txt" value="0" />
				</td>
			</tr>
			<tr>
				<td>
					<input type="button" class="btn3" value="获得信息总数" onclick="clickGetTrafficDataTotalCount();" />
				</td>
				<td>
					信息条数<input id="humanFlowInfoCount" type="text" class="txt" value="0" />
				</td>
			</tr>
			<tr>
				<td>
					<input type="button" class="btn3" value="获得查询信息" onclick="clickQueryTrafficData();" />
				</td>
			</tr>
			<tr>
				<td  >
					<input type="button" class="btn3" value="停止查询" onclick="clickStopTrafficDataQuery();" />
				</td>
			</tr>
		</table>
	</fieldset>
	<fieldset class="operate hide">
		<legend>订阅事件</legend>
		<table>
			<tr>
				<td><input id="subscribeEventName" type="text" class="txt" value="CitizenPictureCompare" /></td>
				<td>
					<input type="button" class="btn3" value="订阅" onclick="clickSubScribeEvent();" />
				</td>
				<td>
					<input type="button" class="btn3" value="取消订阅" onclick="clickUnSubScribeEvent();" />
				</td>
			</tr>
			<tr>
				<td style="width:100%"><div id="eventMessage" class="opinfo"></div></td>
			</tr>
		</table>
	</fieldset>
	<fieldset class="Thermal hide">
		<legend>热成像</legend>
		<table cellpadding="0" cellspacing="3" border="0">
			<tr>
				<td class="tt">点测温</td>
				<td class="tt">
					<input type="button" class="btn2" value="开启" onmousedown="clickenableCheck(true)"></td>
				<td><input type="button" class="btn2" value="关闭" onmousedown="clickenableCheck(false)"></td>
				<td class="tt">温度</td>
				<td colspan="3"><input id="Temper" type="text" class="txt" value=""/></td>
			</tr>
		</table>
	</fieldset>
	<fieldset class="downloadLink hide">
		<legend>weci下载</legend>
		<table cellpadding="0" cellspacing="3" border="0">
			<tr>
				<td class="tt">
					<input id="linkUrl" type="text" class="txt" />（weciURL）
				</td>
				<td class="tt">
					<input id="fileName" type="text" class="txt" value="E:\\11.zip"/>（存储路径）
				</td>
				<td>
					<select id="downloadID" class="sel">
					</select>
				</td>
				<td>
					<input type="button" class="btn2" value="下载" onmousedown="downloadLink()">
				</td>
				<td>
					<input type="button" class="btn2" value="停止下载" onmousedown="stopdownloadLink()">
				</td>
			</tr>
		</table>
	</fieldset>
</div>
</div>
<script th:src="@{/v/camera/module/foundation.js}"></script>
<script th:src="@{/v/camera/module/WebVideoCtrl.js}"></script>
<script th:src="@{/v/camera/module/modifyUI.js}"></script>
<script th:src="@{/v/camera/module/demo.js}"></script>
<script>

	var device_ip;
	var device_port = 2021;
	var device_username ="admin";
	var device_password ="Admin@666";
	var device_protocol = 0;


	//-------------------------------

    var prefix = ctx + "v";
    var hei = $(window).height();
    $(".con_left").height(hei);
    $(".con_right").height(hei-40);

    function sleep(callback, time) {
        if (typeof callback == "function") {
            setTimeout(callback, time);
        }
    }
    function output() {
        console.log(1);
    }

    function playplay(ip) {
        console.log("playplay===",ip)
        device_ip = ip;

        console.log("set ip===",ip)
        clickLogin();
        console.log("clickLogin===",ip)
        sleep(output, 3000);
        clickStartRealPlay();
    }


</script>

</body>
</html>