当前位置：首页 > article >正文

前端http,ws拉流播放视频

article 2024/12/2 12:53:02

可以在西瓜播放器官网APi调试拉取的视频流是否可以播放

类似http拉流地址为：http://localhost:8866/live?url=rtsp://admin:admin123@192.168.11.50:554/cam/realmonitor?channel=1&subtype=01

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,minimal-ui">
    <meta name="referrer" content="no-referrer">
    <title>xgplayer</title>
    <style type="text/css">
      html, body {width:100%;height:100%;margin:auto;overflow: hidden;}
    </style>
  </head>
  <body>
    <div id="mse"></div>
    <script src="//unpkg.byted-static.com/xgplayer/2.31.6/browser/index.js" charset="utf-8"></script>
      <script src="//unpkg.byted-static.com/xgplayer-flv.js/2.1.2/browser/index.js" charset="utf-8"></script><script>
      let player = new FlvJsPlayer({
		"id": "mse",
		"url": "http://localhost:8866/live?url=rtsp://admin:admin123@192.168.11.50:554/cam/realmonitor?channel=1&subtype=1",
		"playsinline": true,
		"whitelist": [
				""
		],
		"autoplay": false,
		"fluid": false
      });
      
          </script>
  </body>
</html>

类似ws拉流地址为：ws://localhost:8866/live?url=rtsp://admin:admin123@192.168.11.50:554/cam/realmonitor?channel=1&subtype=01

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,minimal-ui">
    <meta name="referrer" content="no-referrer">
    <title>xgplayer</title>
    <style type="text/css">
      html, body {width:100%;height:100%;margin:auto;overflow: hidden;}
    </style>
  </head>
  <body>
    <div id="mse"></div>
    <script src="//unpkg.byted-static.com/xgplayer/2.31.6/browser/index.js" charset="utf-8"></script>
      <script src="//unpkg.byted-static.com/xgplayer-flv.js/2.1.2/browser/index.js" charset="utf-8"></script><script>
      let player = new FlvJsPlayer({
		"id": "mse",
		"url": "ws://localhost:8866/live?url=rtsp://admin:admin123@192.168.11.50:554/cam/realmonitor?channel=1&subtype=1",
		"playsinline": true,
		"whitelist": [
				""
		],
		"autoplay": false,
		"fluid": false
      });
      
          </script>
  </body>
</html>