浏览器播放rtsp视频流方案（ffmpeg + nginx转m3u8）

1.下载ffmpeg ，传送门：https://ffmpeg.en.softonic.com/

2.配置环境变量

右击我的电脑---->点击属性，打开左侧高级系统设置

点击下方的环境变量

在下方系统变量中找到path变量，选中点击下方编辑，别点成删除！！！我已经删过两次了

新建一个变量

找到这个路径，我是解压到了C盘，在路径栏复制下来，填到新建的环境变量里，点击确定就行

3.安装nginx,传送门：http://nginx.org/en/download.html

解压之后，打开nginx的文件夹，打开conf文件夹，用编译器打开nginx.conf文件，在http模块更改默认端口（保证这个端口不被占用就行）

然后添加以下代码

 # ffmpeg生成hls流的http访问配置location /hls {#若nginx\conf\mime.types中没有配置如下type，请加上，或直接在mime.types加types{application/vnd.apple.mpegurl m3u8;video/mp2t ts;}root html;add_header Cache-Control no-cache;add_header Access-Control-Allow-Origin *;}

4.打开nginx中的html文件，创建hls文件夹

5.在nginx主文件夹中得到地址栏里输入cmd然后回车，打开cmd，输入命令start nginx并回车

这个时候，在浏览器里输入localhost:+nginx,conf文件中http模块设置的默认端口号，我这里是localhost:8080,能打开，就代表nginx启动成功了

6.再打开一个cmd，输入命令:

ffmpeg -rtsp_transport tcp -i "rtsp://admin:avaiden88@cnqcaegcctv.ddns.net:9990/cam/realmonitor?channel=1&subtype=1" -fflags flush_packets -max_delay 1 -an -flags -global_header -hls_time 1 -hls_list_size 3 -vcodec copy -s 216x384 -b 1024k -y D:/nginx/nginx/html/hls/test.m3u8

ffmpeg -rtsp_transport tcp -i "rtsp://admin:avaiden88@cnqcaegcctv.ddns.net:9990/cam/realmonitor?channel=1&subtype=1" -fflags flush_packets -max_delay 1 -an -flags -global_header -hls_time 1 -hls_list_size 3  -vcodec copy -s 216x384 -b 1024k -y  D:/nginx/nginx/html/hls/test.m3u8

ffmpeg -rtsp_transport tcp -i "这里是你的rtsp地址" -fflags flush_packets -max_delay 1 -an -flags -global_header -hls_time 1 -hls_list_size 3 -vcodec copy -s 216x384 -b 1024k -y 这里是nginx文件夹html文件创建的hls文件的路径 + test.m3u8（输出出来的地址就叫这个名字，这个名字可以随意设置）

然后回车，等一会，如果cmd咋子跑，就代表转码成功，这个时候打开vlc播放器进行测试

输入http://localhost:8080/hls/test.m3u8（这里的localhost可以写成自己的ip地址）

如果能播放，就代表成功了！

浏览器播放rtsp视频流方案（ffmpeg + nginx转m3u8）相关推荐

ffmpeg api推流，谷歌浏览器播放大华、海康威视网络摄像头rtsp视频流方案（hls、m3u8、flv、webrtc、srs、nginx、nginx-rtmp、rtmp）比较
ffmpeg api推流,谷歌浏览器播放大华.海康威视网络摄像头rtsp视频流方案(hls.m3u8.flv.webrtc.srs.nginx.nginx-rtmp.rtmp)比较将网络摄像头视频流 ...
浏览器播放rtsp视频流：3、rtsp转webrtc播放
浏览器播放rtsp视频流:3.rtsp转webrtc播放文章目录浏览器播放rtsp视频流:3.rtsp转webrtc播放 1. 前言 2. rtsp转webRTC 3. 初步测试结果 4. 结合我 ...
html播放rtsp流,浏览器播放rtsp视频流解决方案
最近项目中需要实时播放摄像头rtsp视频流,于是就专门做了些研究.而浏览器不能直接播放,只有通过插件或者转码来实现这个需求. 要实现这个目的,可以采用的方案非常得多,有商业的也有开源的,这里主要列举一 ...
html播放rtsp视频,浏览器播放rtsp视频流解决方案
最近项目中需要实时播放摄像头rtsp视频流,于是就专门做了些研究.而浏览器不能直接播放,只有通过插件或者转码来实现这个需求. 要实现这个目的,可以采用的方案非常得多,有商业的也有开源的,这里主要列举一 ...
2021年最新Chrome、Firefox等浏览器网页端播放海康威视、大华RTSP视频流方案大汇总
自从2015年Chrome.Firefox等浏览器取消NPAPI插件后,WEB网页播放海康威视.大华等摄像头RTSP流成为难题,尤其是低延迟同时播放多路或者高清视频,网上各种转码转流方案纷繁复杂,找到 ...
在Web网页播放网络摄像机（海康、大华等）RTSP视频流方案汇总
前言由于项目需求,要在web上查看摄像机的实时视频(不能用付费方案),所以写下此文章记录下学习过程,也是踩了不少坑 Web端采用vue框架开发及测试所有方案都离不开ffmpeg,感谢ffmpeg开 ...
vlc搭建rtsp直播Demo ffmpeg + nginx + flv.js实现rtsp网页播放Demo
文章目录学习链接本地视频文件作为数据源推流步骤拉流步骤本地摄像头作为数据源拉流步骤 vlc + ffmpeg + nginx + flv.js 实现网页视频直播概括 vlc打开摄像头,提 ...
rtsp 测试地址_TranServer：简单实现浏览器播放RTSP流
市面上有很多浏览器播放RTSP的解决方案,参见(https://juejin.im/post/6844903877217632264). 可惜这些方式,都不太适合上百个摄像头的接入,所以自己写了个服务 ...
浏览器播放rtsp视频，基于nodeJs
浏览器播放rtsp视频,基于nodeJs 1:安装ffmpeg,并且配置环境变量. 下载地址:http://ffmpeg.zeranoe.com/builds/ 或者: 百度云链接:https://p ...

浏览器播放rtsp视频流方案（ffmpeg + nginx转m3u8）

浏览器播放rtsp视频流方案（ffmpeg + nginx转m3u8）相关推荐

最新文章

热门文章