xsh1997
/
hyyfClient


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344
							<!--
 * @Author: your name
 * @Date: 2021-12-07 09:45:10
 * @LastEditTime: 2021-12-23 08:51:21
 * @LastEditors: your name
 * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 * @FilePath: \hyyfClient\public\static\dahua\index.html
-->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <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/jquery-3.6.0.min.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>
  </body>
  <script type="module">
    import WSPlayer from "./src/WSPlayer/WSPlayer.js";
    let url = location.href;
    console.log(url)
    let rtsps = url.split("?")[1];
    let token = url.split("?")[2];
    let serveIp = url.split('?')[3];
    let rtsp = rtsps + "?" + token;
    let recordPlayer = new WSPlayer({
      el: "ws-record-player", // 必传
      type: "record", // real | record
      serverIp: serveIp,
      num: 1,
      showControl: true,
    });
    recordPlayer.playRecord({
      rtspURL: rtsp, // String | Array[String] 可以传入多个rtsp地址，将会按照顺序在播放器中播放，最多播放四个
      decodeMode: "canvas", // 解码方式， video|canvas 可以不传，自动识别，h264使用video播放，265使用canvas播放
      // wsURL: '' // 选择传递，默认播放器是连接服务器对应的websocket，但是也可以指定连接websocket地址
    });
  </script>
</html>