From f6abc8c724eed706487b7616bc6c816e5db5c939 Mon Sep 17 00:00:00 2001
From: czt <czt18638530771@163.com>
Date: 星期二, 09 十二月 2025 20:13:48 +0800
Subject: [PATCH] 数量检测页面提交
---
fzzy-igdss-web/src/main/resources/templates/security/video-webrtc.html | 210 ++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 210 insertions(+), 0 deletions(-)
diff --git a/fzzy-igdss-web/src/main/resources/templates/security/video-webrtc.html b/fzzy-igdss-web/src/main/resources/templates/security/video-webrtc.html
new file mode 100644
index 0000000..d1135a8
--- /dev/null
+++ b/fzzy-igdss-web/src/main/resources/templates/security/video-webrtc.html
@@ -0,0 +1,210 @@
+<!DOCTYPE html>
+<html lang="zh-cn" xmlns:th=http://www.thymeleaf.org>
+<head>
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+ <meta name="viewport"
+ content="width=device-width, initial-scale=1, maximum-scale=1">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+ <meta name="renderer" content="webkit">
+ <title>瑙嗛鎾斁-Web-Rtc</title>
+
+ <link rel="stylesheet" th:href="@{/ajax/libs/layui/css/layui.css}"/>
+ <link rel="stylesheet" th:href="@{/security/video-webrtc.css}">
+ <style>
+ .layui-fluid {
+ position: relative;
+ margin: 0 auto;
+ padding: unset;
+ }
+
+ .layui-col-space20 {
+ margin: unset;
+ }
+
+ .layui-col-space20 > * {
+ padding: 10px 5px;
+ }
+
+ /** 闅愯棌鍒楄〃涓嬫媺婊氬姩鏉� **/
+ .scroll::-webkit-scrollbar {
+ display: none;
+ }
+
+ embed {
+ width: 100%;
+ height: 100%;
+ }
+
+ .layui-form-label {
+ padding: 9px 10px;
+ color: #FFFFFF;
+ font-size: 16px;
+ margin-left: 20px;
+ }
+
+ .layui-input {
+ display: unset;
+ width: 160px;
+ background: #3f474e;
+ border-style: solid;
+ border-width: 0;
+ color: #ffffff;
+ }
+
+ .layui-btn {
+ padding: 0 15px;
+ font-size: 16px;
+ margin-left: 10px;
+ margin-top: -3px;
+ }
+ .video {
+ width: 100%;
+ height: 100%;
+ }
+ </style>
+</head>
+
+<body class="pdgxq-body">
+<div class="i-container">
+ <div class="jmkt-main">
+ <div class="layui-fluid">
+ <div class="sp-boxWrap layui-row layui-col-space20">
+ <div class="layui-col-lg9 layui-col-md9">
+ <div class="pdgxq-m1-left sp-box">
+ <div class="sp-tab-bd">
+ <div class="sp-showBox layui-row show">
+ <div class="layui-col-lg12 layui-col-md12">
+ <div class="sp-showItem2">
+ <video class="video" id="video" autoplay="" muted="" playsinline="">
+ </video>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <!--pdgxq-m1-left end-->
+ <div class="layui-col-lg3 layui-col-md3">
+ <div class="pdgxq-m1-right sp-box">
+ <div class="pdgxq-H">
+ <h3>
+ <i></i>浜戝彴鎺у埗
+ </h3>
+ </div>
+ <div class="sp-cz-wrap">
+ <div class="sp-cz-box">
+ <ul>
+ <li class="sp-cz-l1">
+ <a href="javascript:;" onmousedown="handPTZ('LeftUp', false)"
+ onmouseup="handPTZ('LeftUp', true)">
+ <img th:src="@{/img/web/security/sp-arrow.png}"/>
+ </a>
+ </li>
+ <li class="sp-cz-l2">
+ <a href="javascript:;" onmousedown="handPTZ('Up', false)"
+ onmouseup="handPTZ('Up', true)">
+ <img th:src="@{/img/web/security/sp-arrow.png}"/>
+ </a>
+ </li>
+ <li class="sp-cz-l3">
+ <a href="javascript:;" onmousedown="handPTZ('RightUp', false)"
+ onmouseup="handPTZ('RightUp', true)">
+ <img th:src="@{/img/web/security/sp-arrow.png}"/>
+ </a>
+ </li>
+ <li class="sp-cz-l4">
+ <a href="javascript:;" onmousedown="handPTZ('Left', false)"
+ onmouseup="handPTZ('Left', true)">
+ <img th:src="@{/img/web/security/sp-arrow.png}"/>
+ </a>
+ </li>
+ <li class="sp-cz-l5">
+ <a href="javascript:;" onclick="playStop()">
+ </a>
+ </li>
+ <li class="sp-cz-l6">
+ <a href="javascript:;" onmousedown="handPTZ('Right', false)"
+ onmouseup="handPTZ('Right', true)">
+ <img th:src="@{/img/web/security/sp-arrow.png}"/>
+ </a>
+ </li>
+ <li class="sp-cz-l7">
+ <a href="javascript:;" onmousedown="handPTZ('LeftDown', false)"
+ onmouseup="handPTZ('LeftDown', true)">
+ <img th:src="@{/img/web/security/sp-arrow.png}"/>
+ </a>
+ </li>
+ <li class="sp-cz-l8">
+ <a href="javascript:;" onmousedown="handPTZ('Down', false)"
+ onmouseup="handPTZ('Down', true)">
+ <img th:src="@{/img/web/security/sp-arrow.png}"/>
+ </a></li>
+ <li class="sp-cz-l9">
+ <a href="javascript:;" onmousedown="handPTZ('RightDown', false)"
+ onmouseup="handPTZ('RightDown', true)">
+ <img th:src="@{/img/web/security/sp-arrow.png}"/>
+ </a></li>
+ </ul>
+ </div>
+ <div class="sp-bianbei fl">
+ <button type="button" class="sp-sxBtn sp-czBtn" onmousedown="handPTZ('ZoomWide', false)" onmouseup="handPTZ('ZoomWide', true)">
+ <i>锛�</i>
+ </button>
+ <span>鍙樺��</span>
+ <button type="button" class="sp-fdBtn sp-czBtn" onmousedown="handPTZ('ZoomTele', false)" onmouseup="handPTZ('ZoomTele', true)">
+ <i>锛�</i>
+ </button>
+ </div>
+
+ <div class="sp-bianbei fr">
+ <input type="text" value="棰勭疆鐐�" class="preset-input">
+ <button type="button" class="sp-fdBtn sp-czBtn fr"
+ onclick="handPreset()">
+ <i>鉃�</i>
+ </button>
+ </div>
+
+ </div>
+ <!--sp-cz-wrap end-->
+
+ <div class="pdgxq-H">
+ <h3>
+ <i></i>璁惧淇℃伅
+ </h3>
+ </div>
+ <div class="sp-table-box">
+ <div class="sp-table">
+ <ul class="sp-list">
+ <li><a href="javascript:void(0)">
+ <p>
+ 璁惧鍚嶇О锛�<span th:text="${cameraData.name}"></span>
+ </p>
+ </a></li>
+ <li><a href="javascript:void(0)">
+ <p>
+ 璁惧绫诲瀷锛�<span th:text="${cameraData.type=='02'?'鐞冩満':'鏋満'}"></span>
+ </p>
+ </a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ </div>
+ <!--pdgxq-m1-left end-->
+ </div>
+ <!--sp-boxWrap end-->
+ </div>
+ </div>
+ <!--jmkt-main end-->
+</div>
+<!--i-container end-->
+
+
+<script th:inline="javascript">
+ var cameraData = [[${cameraData}]];
+</script>
+<script th:src="@{/js/jquery.min.js}"></script>
+<script th:src="@{/ajax/libs/layui/layui.js}"></script>
+<script th:src="@{/security/video-webrtc.js}"></script>
+</body>
+</html>
--
Gitblit v1.9.3