最近由于项目的需要,需要从海康的摄像头中读取视频流然后在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();
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
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页面中播放视频流

 http://127.0.0.1:8099/live/livestream.flv进行视频播放;