66 lines
2.2 KiB
HTML
66 lines
2.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>实时画面叠加实时检测结果</title>
|
|
<meta charset="utf-8">
|
|
|
|
<link rel="stylesheet" href="https://unpkg.com/layui@2.8.18/dist/css/layui.css">
|
|
<link href="live.css" rel="stylesheet">
|
|
<script>
|
|
let ZQLGLOBAL = {
|
|
serverIp: '192.168.1.169' ,// 修改成您的盒子aiboxd的IP地址
|
|
getDevices: `:9091/ks/device`,
|
|
getSources: `:9091/ks/source`,
|
|
subscribe: `:9089/ks/stream/live/subscribe`,
|
|
detect: `:9089/ks/stream/attr`,
|
|
tunnel:`:9091/ks/system/tunnel`,
|
|
sysArgs: `:9091/ks/system/args`,
|
|
resultTopic: 'ks/sink_local_result', //实时检测结果
|
|
streamCodeTopic: 'ks/stream',// 视频流状态码，状态码改变后应重新播放
|
|
srs_server: 1935,
|
|
srs_http_api: 1985,
|
|
srs_http_server: 8080,
|
|
websocket: 8083,
|
|
}
|
|
|
|
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="public/crypto-js.js"></script>
|
|
<script type="text/javascript" src="public/jquery-1.10.2.min.js"></script>
|
|
<script type="text/javascript" src="public/jswebrtc.min.js"></script>
|
|
<script type="text/javascript" src="public/mpegts.js"></script>
|
|
<script type="text/javascript" src="public/mqtt.min.js"></script>
|
|
<script src="https://unpkg.com/layui@2.8.18/dist/layui.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="live.js"></script>
|
|
<script>
|
|
init();
|
|
</script>
|
|
</body>
|
|
|
|
</html> |