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

srpingboot 推rtsp/rtmp等流地址给前端播放flv和ws

news 2025/10/28 0:27:34

使用javacv录制+推送

前端使用西瓜视频播放器即可
格式：
http://localhost:8866/live?url=rtsp://admin:123456@192.168.210.110:554/264/ch1/main/av_streamws://localhost:8866/live?url=rtsp://admin:123456@192.168.210.110:554/264/ch1/main/av_stream

目录：
在这里插入图片描述

前端播放：
http格式：Player
在这里插入图片描述
ws格式：FlvJsPlayer

<!DOCTYPE html>
<html>
<head><meta charset="utf-8"><meta name=viewportcontent="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="player"></div>
<!-- 引用XGPlayer的js文件 -->
<script src="http://cdn.jsdelivr.net/npm/xgplayer/browser/index.js" charset="utf-8"></script>
<script src="http://cdn.jsdelivr.net/npm/xgplayer-flv.js/browser/index.js" charset="utf-8"></script>
<!--  页面初始化xgplayer -->
<script type="text/javascript">let player = new FlvJsPlayer({"id": "player","playsinline": true,"closeVideoClick": true,"url": "ws://192.168.90.211:8861/live?url=rtsp://192.168.90.4:554/live/av0","screenShot": true,"videoAttributes": {"crossOrigin": "anonymous"},"autoplay": true,});</script>
</body>
</html>

源码下载

查看全文

http://www.dtcms.com/a/528296.html