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

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

  1. 下载ffmpeg#

image-20230718173453821

image-20230718173541096

解压目录

image-20230718173616408

配置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配置文件

image-20230718174303998

image-20230718174317235

ffmpeg命令推送

Copy
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

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

ffmpeg前端推流示例#

Copy
<!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>
posted @   striver-sc  阅读(216)  评论(0)  编辑  收藏  举报
相关博文：
· ffmpeg rtsp转flv挂载到web端（Linux版）
· 网络图片下载
· RTSP通过FFmpeg+nginx发布成rtmp和http-flv
· Nginx+FFmpeg 简单实现rtsp转hls流实时推送（window系统）
· 在web端实现rtsp流的视频的播放
阅读排行：
· 被坑几百块钱后，我竟然真的恢复了删除的微信聊天记录！
· 没有Manus邀请码？试试免邀请码的MGX或者开源的OpenManus吧
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· Docker 太简单，K8s 太复杂？w7panel 让容器管理更轻松！
点击右上角即可分享
微信分享提示
CONTENTS
✕