Files
box-secondary-development-3/上位机实时画面/index.html

68 lines
2.2 KiB
HTML

<!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>