Initial commit of secondary development sample code

2026-01-19 10:39:22 +08:00
commit c2697affd9
66 changed files with 17277 additions and 0 deletions
--- a/上位机实时画面/index.html
+++ b/上位机实时画面/index.html
@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>webrtc</title>
+  <meta charset="utf-8">
+
+  <link href="js/layui/css/layui.css" rel="stylesheet">
+  <link href="index.css" rel="stylesheet">
+  <script>
+    let ZQLGLOBAL = {
+      token:'',
+      accessKey:'672439f1c3806207f0540f2d', // 修改成你自己的
+      accessSecret:'62960c23-fe35-4449-8780-719ab3c7b9de',// 修改成你自己的
+      serverIp: '192.168.1.88' ,// 修改成你自己的
+      getDevices: `:9192/ks/proxy/device`,
+      getSources: `:9192/ks/proxy/source`,
+      subscribe: `:9192/stream/live/subscribe`,
+      detect: `:9192/stream/attr`,
+      sysArgs: `:9192/ks/proxy/system/args`,
+      getToken:':9192/ks/proxy/user/token',
+      resultTopic: 'ks/proxy/result/+',
+      srs_server: 1935,
+      srs_http_api: 1985,
+      srs_http_server: 8080,
+      websocket: 8083,
+      detectSrsTimer:null
+    }
+
+    let ZQL_videosInfos = { 0: null, 1: null, 2: null, 3: null };
+    let ZQL_playingSource = {
+      0: null, 1: null, 2: null, 3: null,
+      videoNum: 4,
+      curposition: -1
+    }
+    let ZQL_sources = {};
+  </script>
+  <script type="text/javascript" src="js/crypto-js.js"></script>
+  <script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
+  <script type="text/javascript" src="js/jswebrtc.min.js"></script>
+  <script type="text/javascript" src="js/mpegts.js"></script>
+  <script type="text/javascript" src="js/mqtt.min.js"></script>
+  <script type="text/javascript" src="js/layui/layui.js"></script>
+  <script type="text/javascript" src="ZQL_common.js"></script>
+</head>
+
+
+<body>
+  <div class="main-container">
+    <div id="video-container" class="one-video">
+      <div class="video-box">
+        <div class="title-container" id="video-title1"></div>
+        <video ref="video" muted id="video1" class="video-js" autoplay="autoplay" preload="auto"></video>
+        <canvas class="canvas-shuju" id="canvas1"></canvas>
+      </div>
+    </div>
+    <div class="right-container">
+      <!-- <div class="btn-container">
+        <i class="z-icon-onevideo" id="icon-oneviveo"></i>
+        <i class="z-icon-fourvideo" id="icon-fourviveo"></i>
+      </div> -->
+      <div id="ZQL_source_tree"></div>
+    </div>
+  </div>
+
+  <script type="text/javascript" src="index.js"></script>
+</body>
+
+</html>