68 lines
2.2 KiB
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> |