ffmpeg rtsp转flv挂载到web端（Windos版）

最新推荐文章于 2024-07-31 08:10:34 发布

striver_sc

最新推荐文章于 2024-07-31 08:10:34 发布

阅读量602

点赞数 1

文章标签： ffmpeg 前端

本文链接：https://blog.csdn.net/weixin_46573014/article/details/131972266

版权

ffmpeg rtsp转flv挂载到web端(Windos版)

下载ffmpeg

解压目录

配置nginx和nginx-http-flv-module

首先必须得下载nginx + http-flv-module + http_ssl_module编译(如果不想编译或者编译不出来，可以直接下载Car-eye-team / car-eye-http-flv-module，里面提供编译好的windows平台的带有http-flv-module和http_ssl_module的nginx)。

修改nginx配置文件

ffmpeg命令推送

ffmpeg -rtsp_transport tcp -i  "rtsp://182.116.62.148:23702/07928543399589000101?DstCode=01&ServiceType=1&ClientType=1&StreamID=1&SrcTP=2&DstTP=2&SrcPP=1&DstPP=1&MediaTransMode=0&BroadcastType=0&SV=1&Token=BZ0peNzNqdPxEaUqs42wsgVo/6Ywlv7XF2XEwqd53No=&"(获取视频流地址) -c copy -f flv "rtmp://127.0.0.1:1935/live/10240"(要推送的地址 1935监控端口)

生成的flv的url

http://127.0.0.1:80/live?port=1935&app=live&stream=10240

ffmpeg前端推流示例

<!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>video</title>
</head>
<script src="https://cdn.bootcss.com/flv.js/1.5.0/flv.js"></script>

<body>
	<div>
		<video id="vVideo" width="600" height="500" controls />
	</div>

	<script>
		//原生H5支持的媒体格式主要有MP4、OGG、WebM、M3U8
		if (flvjs.isSupported()) {
			var videoElement = document.getElementById('vVideo');
			var flvPlayer = flvjs.createPlayer({
				type: 'flv',
				url: 'http://127.0.0.1:80/live?port=1935&app=live&stream=10240',
				isLive: false,
                hasAudio: false,
                hasVideo: true,
                enableStashBuffer: false,
                changeOrigin: true
			});
			flvPlayer.attachMediaElement(videoElement);
			flvPlayer.load();
			flvPlayer.play();
		}
	</script>
</body>

</html>

striver_sc

关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
ffmpeg rtsp转flv挂载到web端（Windos版）

ffmpeg rtsp转flv挂载到web端(Windos版)下载ffmpeg解压目录配置nginx和nginx-http-flv-module首先必须得下载nginx + http-flv-module + http_ssl_module编译(如果不想编译或者编译不出来，可以直接下载Car-eye-team / car-eye-http-flv-module，里面提供...
复制链接

扫一扫