You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
106 lines
4.3 KiB
106 lines
4.3 KiB
2 years ago
|
<%@page import="com.lp.ezuiz.EzuizService"%>
|
||
|
|
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
||
|
|
pageEncoding="UTF-8"%>
|
||
|
|
<%@ page import="com.lp.cfg.ProConfig"%>
|
||
|
|
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
|
||
|
|
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
|
||
|
|
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
|
||
|
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<%@ include file="/WEB-INF/oss/iot/common/variable.jsp"%>
|
||
|
|
<%@ include file="/WEB-INF/oss/iot/common/variable_js.jsp"%>
|
||
|
|
<%@ include file="/WEB-INF/oss/iot/common/resource_lib.jsp"%>
|
||
|
|
|
||
|
|
<%-- <script src="<%=basePath%>/page/hkvideo/js/ezuikit.js"></script> --%>
|
||
|
|
|
||
|
|
<link rel="stylesheet" href="<%=basePath%>/css/oss/iot/video_live.css?<%=v%>">
|
||
|
|
<script type="text/javascript" src="<%=basePath%>/js/oss/iot/video_live.js?<%=v%>"></script>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div>
|
||
|
|
<div >
|
||
|
|
<div class="mapContainer" >
|
||
|
|
<div class="app-container">
|
||
|
|
<div class="container-layout sceneList-info">
|
||
|
|
<div class="box join-device-box">
|
||
|
|
<div class="pt-10 pl-5">
|
||
|
|
<div class="clearfloat">
|
||
|
|
<div class="float-left" style="width:70%;">
|
||
|
|
<div class="video_container">
|
||
|
|
<iframe
|
||
|
|
src=""
|
||
|
|
width="100%"
|
||
|
|
height="572px"
|
||
|
|
id="myPlayer"
|
||
|
|
allowfullscreen >
|
||
|
|
</iframe>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="float-left" style="width:25%;">
|
||
|
|
<div style="border-bottom: 1px solid #dadada;" class="sensor_detail_title ml-20 pl-5">摄像头信息</div>
|
||
|
|
<div class="jui-detail_get" style="padding-top: 30px;margin-left: 30px;" data-options=" url:'/video?id= ${videoId}',success:'successfunc' " >
|
||
|
|
<div class="detail-line">
|
||
|
|
<span>项目名称：</span>
|
||
|
|
<span type-name="scene_name" type-value='h'></span>
|
||
|
|
</div>
|
||
|
|
<div class="detail-line">
|
||
|
|
<span>视频名称：</span>
|
||
|
|
<span type-name="name" type-value='h'></span>
|
||
|
|
</div>
|
||
|
|
<div class="detail-line">
|
||
|
|
<span>接入方式：</span>
|
||
|
|
<span type-name="video_type" class="width-auto" type-value='ch'></span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div style="border-bottom: 1px solid #dadada;margin-top: 30px;" class="sensor_detail_title ml-20 pl-5">
|
||
|
|
<span>操作</span> <span style="margin-left: 30px;color:#3499da;cursor: pointer;text-align: center;" onclick="lomDetail()" >详情</span>
|
||
|
|
</div>
|
||
|
|
<div class="operateColumn">
|
||
|
|
<button class="device_capture button bg-iot">抓拍</button>
|
||
|
|
<!-- <button class="encrypt_on button ml-20 bg-iot">开启加密</button>
|
||
|
|
<button class="encrypt_off button ml-20 bg-iot">关闭加密</button> -->
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div style="border-bottom: 1px solid #dadada;margin-top: 30px;" class="sensor_detail_title ml-20 pl-5">云台控制</div>
|
||
|
|
<div class="operateColumn">
|
||
|
|
<div class="operate_column_cell">
|
||
|
|
<div class="operate_column_one"></div>
|
||
|
|
<div class="operate_column_one operate_btn" tag="0"><span class="icon-angle-double-up"></span></div>
|
||
|
|
<div class="operate_column_one"></div>
|
||
|
|
</div>
|
||
|
|
<div class="operate_column_cell">
|
||
|
|
<div class="operate_column_one operate_btn" tag="2"><span class="icon-angle-double-left"></span></div>
|
||
|
|
<div class="operate_column_one stop_btn"><span class="icon-play-circle"></span></div>
|
||
|
|
<div class="operate_column_one operate_btn" tag="3"><span class="icon-angle-double-right"></span></div>
|
||
|
|
</div>
|
||
|
|
<div class="operate_column_cell">
|
||
|
|
<div class="operate_column_one"></div>
|
||
|
|
<div class="operate_column_one operate_btn" tag="1"><span class="icon-angle-double-down"></span></div>
|
||
|
|
<div class="operate_column_one"></div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
<script type="text/javascript">
|
||
|
|
var token = "<%=EzuizService.EZUIZ_TOKEN%>";
|
||
|
|
function returnBack(obj){
|
||
|
|
forwardUrl("/iot/mvideo",1000);
|
||
|
|
}
|
||
|
|
|
||
|
|
function lomDetail(){
|
||
|
|
window.location.href = basePath + "/page/hkvideo/detail.html?videoId=${videoId}" ;
|
||
|
|
}
|
||
|
|
|
||
|
|
</script>
|
||
|
|
</html>
|