| 1234567891011121314151617181920212223242526272829303132333435 |
- <!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 recordPlayer = new WSPlayer({
- el: 'ws-record-player', // 必传
- type: 'record', // real | record
- serverIp: '36.26.62.70',
- num: 1,
- showControl: true,
- })
- let url = location.href;
- 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>
|
