使用ffmpeg+node-media-server实现从rtsp服务器拉流再推送至rtmp服务器,实现http+flv进行web播放

最近由于项目的需要,需要从海康的摄像头中读取视频流然后在web页面上展示。

由于海康摄像头使用了rtsp协议提供视频拉流服务,而web页面目前使用的插件不支持直接播放rtsp协议的视频流;因此考虑使用ffmpeg从rtsp中拉流,再推流至rtmp服务器,由于现在使用的测试环境是一台window的服务器,一般的rtmp服务器支持最多的是linux版本;这个rtmp服务器window版本的选择又转了一大圈;

首先想到的是使用srs的window版本,但发现在ffmpeg推流时,从srs中读取流时,过了1分钟左右,播放的流就中断了,再也读取不到流了,也没有明显的错误日志;

然后想到了nginx的rtmp模块和flv模块,但这个nginx配置rtmp模块+flv模块在window上,有点麻烦;只好继续找有没有更合适的服务器框架;

无意间,查到了node-media-server服务器也可以提供支持rtmp+http+flv的服务,安装后推流拉流,发现在window上还非常稳定;最后就选型了node-media-server。

下面把整体的ffmpeg推流,node-media-server配置,web播放视频流记录如下:

一、配置node-media-server支持rtmp服务器
1.使用npm安装node-media-server模块

在powershell中执行npm install node-media-server来安装node-media-server模块;

2.编写rtmp-server.js调用node-media-server提供rtmp和http+flv服务

完成node-media-server的安装后,编写rtmp-server.js调用node-media-server提供rtmp和http+flv服务,rtmp-server.js内容如下:

const NodeMediaServer= require('node-media-server');

const config = {

rtmp: {

port: 1935,

chunk_size: 60000,

gop_cache: true,

ping: 60,

ping_timeout: 30

},

//端口是登录nms服务器后台查看界面

http: {

port: 8099,

allow_origin: '*',

}

};

var nms = new NodeMediaServer(config)

nms.run();

3.启动运行rtmp-server.js,开始rtmp服务

在powershell中执行: node rtmp-server.js,开启服务;这时rrtmp的服务端口为1935,http服务的端口为8099;

可以通过http://127.0.0.1:8099/admin查看node-media-server的服务是否正常、查看对应的视频流列表。

二、使用ffmpeg从rtsp中拉流+推流至rtmp服务器(node-media-server)

ffmpeg -i "rtsp服务器url地址" -vcodec h264 -acodec aac -f flv rtmp://127.0.0.1:1935/live/livestream

三、web页面中播放视频流

在html中的video标签中配置src为http://127.0.0.1:8099/live/livestream.flv进行视频播放;

相关推荐
程序员老陆1 天前
WHIP 与 WHEP:WebRTC 直播的标准化入口与出口
ffmpeg·音视频·webrtc·whip·whep
可乐鸡翅yeah_2 天前
混合内容 Mixed‑Content 安全策略,HLS HTTPS 页面加载 HTTP 资源排错实战
运维·ffmpeg·音视频·媒体·m3u8
刘广睿3 天前
视频导出为什么发灰?色彩空间与色彩范围(BT.601/709/2020)的 ffmpeg 转换实战
ffmpeg·音视频·视频处理·色彩空间·素材管理
yivifu3 天前
精选FFmpeg 实用音频视频转换命令集
ffmpeg·音视频转换
风哥2号7 天前
数据库教程FGMT02‑生产环境Linux+Oracle19c安装配置与项目实战
linux·数据库·ffmpeg
Bruce_Liuxiaowei7 天前
录屏片段无损合并:从 ffmpeg concat 原理到 Python 自动化脚本
python·ffmpeg·自动化
工具派9 天前
口播视频怎么自动剪掉冷场?视频静音删除的阈值实测
ffmpeg·音视频·视频
❀͜͡傀儡师9 天前
移动端 360° 商品展示方案:从 20MB 雪碧图到 800KB 丝滑视频
ffmpeg·webgl·sprite
2501_9304724410 天前
深度复盘|数据库迁移实战(上):腾讯云助手解析慢查询日志,定位索引缺失与语法不兼容
数据库·阿里云·ffmpeg·云计算·腾讯云·aws
我就是DaLing呀!10 天前
flutter + ffmpeg_kit_extended_flutter 大视频合并下载
flutter·ffmpeg·音视频