前端http,ws拉流播放视频

最新推荐文章于 2025-04-20 15:28:28 发布

原创最新推荐文章于 2025-04-20 15:28:28 发布

· 1.3k 阅读

6 ·

版权

文章标签：

#前端 #http #音视频

可以在西瓜播放器官网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>