物联网平台 +Web 组态
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

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>