|
|
@@ -6,36 +6,31 @@
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
<title>Document</title>
|
|
|
<link rel="stylesheet" href="./static/WSPlayer/player.css">
|
|
|
- <script src="./static/WSPlayer/PlayerControl.js"></script>
|
|
|
- <link rel="stylesheet" href="./static/zTreeStyle/zTreeStyle.css">
|
|
|
- <!-- <script src="./static/WSPlayer/PlayerControl.js"></script> -->
|
|
|
<script src="./static/jquery-3.6.0.min.js"></script>
|
|
|
- <script src="./static/jquery.ztree.all.js"></script>
|
|
|
- <script src="./static/datepicker.js"></script>
|
|
|
+ <script src="./static/WSPlayer/PlayerControl.js"></script>
|
|
|
</head>
|
|
|
<body style="margin: 0; width: 100%; height: 100%">
|
|
|
<div id="ws-record-player" style="width: 100%; height: 600px;"></div>
|
|
|
- <script type="module">
|
|
|
- import WsPlayer from './js/WsPlayer/WsPlayer.js';
|
|
|
- var recordPlayer = new WsPlayer({
|
|
|
- el: 'ws-record-player', // 必传
|
|
|
- type: 'record', // real | record
|
|
|
- serverIp: '36.26.62.70',
|
|
|
- num: 1,
|
|
|
- showControl: true,
|
|
|
- })
|
|
|
- let url = location.href;
|
|
|
- console.log(url)
|
|
|
- let rtsps = url.split('?')[1];
|
|
|
- let token = url.split('?')[2];
|
|
|
- let rtsp = rtsps + '?' + token;
|
|
|
- console.log(rtsp)
|
|
|
- recordPlayer.playRecord({
|
|
|
- rtspURL: rtsp, // String | Array[String] 可以传入多个rtsp地址，将会按照顺序在播放器中播放，最多播放四个
|
|
|
- decodeMode: 'canvas', // 解码方式， video|canvas 可以不传，自动识别，h264使用video播放，265使用canvas播放
|
|
|
- // wsURL: '' // 选择传递，默认播放器是连接服务器对应的websocket，但是也可以指定连接websocket地址
|
|
|
- })
|
|
|
- console.log(recordPlayer);
|
|
|
- </script>
|
|
|
</body>
|
|
|
+<script type="module">
|
|
|
+ import WSPlayer from "./src/WSPlayer/WSPlayer.js";
|
|
|
+ var recordPlayer = new WSPlayer({
|
|
|
+ el: 'ws-record-player', // 必传
|
|
|
+ type: 'record', // real | record
|
|
|
+ serverIp: '36.26.62.70',
|
|
|
+ num: 1,
|
|
|
+ showControl: true,
|
|
|
+ })
|
|
|
+ let url = location.href;
|
|
|
+ console.log(url)
|
|
|
+ let rtsps = url.split('?')[1];
|
|
|
+ let token = url.split('?')[2];
|
|
|
+ let rtsp = rtsps + '?' + token;
|
|
|
+ console.log(rtsp)
|
|
|
+ recordPlayer.playRecord({
|
|
|
+ rtspURL: rtsp, // String | Array[String] 可以传入多个rtsp地址，将会按照顺序在播放器中播放，最多播放四个
|
|
|
+ decodeMode: 'canvas', // 解码方式， video|canvas 可以不传，自动识别，h264使用video播放，265使用canvas播放
|
|
|
+ // wsURL: '' // 选择传递，默认播放器是连接服务器对应的websocket，但是也可以指定连接websocket地址
|
|
|
+ })
|
|
|
+</script>
|
|
|
</html>
|
