海康摄像头开发SRS+ffmpeg+http-flv+flv.js(二)

JavaScript010

海康摄像头开发SRS+ffmpeg+http-flv+flv.js(二),第1张

接上篇文章。虽然部署好了网络,通过VLC能播放视屏,但是离简单好用的道路还很远,在这期间查了很多资料,对整个系统有了不扫了解。首先引用一下,关于实现web播放的几种方法和优缺点(以下来自网络):

开始的我也使用了网络的介绍,用ffmpeg转成rmtp流,但最后发现如果要播放rmtp流是需要flash支持的,现在的flash的支持度很差,显然不行,网上现在能找到的FFmpeg + nginx-rtmp-module方案并不是一个好方案。所以还是需要使用方案三。

以下的这个表写的比较清楚,能支持html5播放器的就httpflv和hls,二选一选择httpflv。

在本人实际操作中使用的流媒体服务器并不是nginx-http-flv-module ,而是用了SRS(simple rmtp server)+FFMPEG方案,感觉更简单。

搭建过程先省略。(详细搭建SRS+ffmpeg单独文档)

遇到的问题:

搭建完成,推流后VLC能播放,但是用flv.js的播放器

http://bilibili.github.io/flv.js/demo/

总是无法播放,后来发现下面还是有提示错误的。

这里主要是要注意转换语句:

原来是这样,参数-vcodec 和 -acodec 都用的copy,而实际摄像头处理的视频格式是h.264+pcma_u

后来改成这样,将-acodec 改成aac

就能看到视频了

视频里是家中窗外风景。

实际使用中发现,如果视频部分h264不转码,用copy的模式的话cpu性能不高,可以支持很多路数。

视频和vlc播放的时候延时10s左右,感觉延时有点大。

接下来就是要把flv.js移植到工程中。然后现在的推流什么的都是命令行执行的,这些肯定不行.

  videojs的播放flv格式RTMP流需要浏览器运行flash插件,但是chrome现在已经不支持flash了,所以我们使用flvjs前端插件作为替代方案,并在流媒体服务器上加入了权限验证功能限制用户访问。

  此方案是基于上一节中的方案进行的优化,所以没有提及的地方和原方案保持不变。

一. 在nginx中安装nginx-http-flv-module插件

  有编译好的版本直接使用就行,然后修改nginx.conf文件。