<%@ page language="java" import="java.util.*" pageEncoding="gbk"%>
<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
	<%@include file="../../../frame/assets/header-all.jsp"%>
	<link rel="stylesheet" type="text/css" href="video.css" /> 
	

	<script type="text/javascript" src="../../../frame/main/area/console/rtcPanel.js"></script>
	<script type="text/javascript" src="../../../frame/main/area/console/rtcServer.js"></script>
	<script type="text/javascript" src="../../../frame/main/area/console/rtcResponse.js"></script>		

	<script type="text/javascript" src="../../common/js/video/blockcacher.js"></script>
	<script type="text/javascript" src="../../common/js/video/blockutil.js"></script>
	<script type="text/javascript" src="../../common/js/video/globalvideoblock.js"></script>
	<script type="text/javascript" src='../../common/js/video/globalrecordblock.js'></script>
	<script type='text/javascript' src='../../recordalarm/ywrecordcurrentstate/playvideo/videojs/ProgressBar.js'></script>
	
	<script type="text/javascript" src="playVideo.js"></script>		
</head>

<body>
<div class="dialog-top">
	<div class="pc-video" style="display:none"> <!-- 显示视频 -->
		<div class="pc-video-box">
			<div class="toCanvasBox" id="video" style="height:280px;">
				<canvas id="canvas1" class="canvasCanvas" onselectstart="return false" height="215px" width="357px" canvas-init="canvas-init" ></canvas>					 	
			 	<!--在线播放视频 -->
				<video autoplay="" emptied="alert('emptied')" error="alert('error')" class="canvasVideo" style="width:100%;height:100%;object-fit:fill;border:1px solid #ddd;"></video>
			</div>	
		</div>
	</div>
	<div class="pc-recordvideo" style="display:none"> <!-- 回放视频 -->
		<div class="pc-video-box">
			<div class="toCanvasBox" id="record">
			 	<video autoplay="" emptied="alert('emptied')" error="alert('error')" style="width:100%;height:100%;object-fit:fill;border:1px solid #ddd;"></video>
			</div>	
		</div>
		<div class="">
			
		</div>
	</div>
	<div class="div-info" style="margin-left: 18px;border:0px solid #ff00ff;">
	   	<ul class="info-ul"> 
		<!-- 显示右侧告警文字信息和按钮 -->
			<li>通道名称：<span id="channelname"></span></li>
			<li>设备编号：<span id="videonum"></span></li>
			<li>通道编号：<span id="channelnum"></span></li>
			<li>设备IP：<span id="sbip"></span></li>
			<li>厂家名称：<span id="cjmc"></span></li>
			<!-- <li>当前状态：<span id="currentstate"></span></li> -->
		</ul>
	   	<div id="recordBtn" style="display:none;">
			<div  style="height:24px;line-height:24px;color:#080b7c;font-weight:bold;">
						<!-- <span  id="tdmc">高架桥</span>&nbsp;&nbsp;&nbsp;[<span id="tdbh">20181101</span>] -->
			</div>
			<div style="width:90px;">
				<input class="easyui-datebox"   type="text" id="searchDate" style="width:180px;">
			</div>
				<span href="#"  id="searchVideo"  onclick="searchVideo()" style="display: block; width: 82px;height: 30px;line-height: 30px;margin-top: 16px;color: white;background-color: #67c23a;text-align: center;cursor:pointer;">搜索录像</span>
		</div>
	</div>
</div>
</body>
</html>


		


