[转] web无插件播放RTSP摄像机方案,拒绝插件,拥抱H5!
需求
问题:有没有flash播放RTSP的播放器?H5能不能支持RTSP播放?
答案:没见过,以后估计也不会有;
问题:可以自己做浏览器插件播放RTSP吗?
答案:可以的,chrome做ppapi插件,IE用ocx插件;
但是,兼容性太差了,开发成本过高。在PC web兼容性上面,目前最好的方案是flash或者H5,但是H5在IE比较低版本上面会存在不支持的问题,还是需要前端兼容切换成flash模式;在手机 web/微信兼容上面,毫无疑问,H5是唯一选择;
方案
那么问题来了,如何能够实现需求中的两点:
- PC上输出兼容性较强的flash需要的rtmp或者hls流或者http-flv流;
- 手机上输出H5标准的HLS(m3u8+ts)流;
其实目前市面上大部分的CDN方案已经提示了我们如何解决上述的问题了,那就是采用rtmp推流到rtmp流媒体服务器,同步输出:rtmp/hls/http-flv多种码流,再通过前端的兼容适配,就能完美地达到想要的方案,总结来说,需要通过几个步骤:
- RTSP拉流;
- 音视频转码(H.264 + AAC);
- RTMP推流;
- RTMP流媒体服务器;
- 前端兼容取流播放;
实现方法
1. RTSP拉流
目前市面上能非常兼容地拉取各个厂家的RTSP流的方案总结来说有两种:
- live555
- ffmpeg
两种都能比较不错地请求获取到各个厂家的摄像机码流,但从可操作的灵活角度上来说,live555更胜一筹,比如:我们遇到雄迈的某款摄像机需要在RTSP拉流的过程中,向摄像机定期发送OPTIONS保活报文,而我们遇到的某款海康的NVR在RTP over tcp取流的过程中,一旦发送RTSP的任何报文,就会出现服务器端主动reset,种种此类,如果基于ffmpeg的拉流确实是可以兼容大部分的摄像机IPC、NVR,但是遇到特殊种类的就比较难进行改造和兼容了;
没有绝对,根据需求,也许您就只需要接入某两款特定类型的摄像机呢,怎么适合现场需求怎么来;
2. 音视频转码(H.264 + AAC)
由于目前RTMP、HLS的协议标准,包括前端的支持上,还停留在H.264+AAC的组合上,所以,我们需要将各种视频格式:H.265、MJPEG、MPEG4,各种音频格式:G.711A/U、G.726,都统一转码成H.264和AAC,说到转码,那肯定是ffmpeg first;
目前市面上的大部分摄像机都是默认或者设定为输出H.264视频流,但音频流转码就肯定是需要兼容的,目前来说安防标准中大部分的音频格式都还是G.711和G.726居多,那就可以用faac、EasyAACEncoder(Based on faac)进行音频转码了!
3. RTMP推流
RTMP推流毋庸置疑,目前最流行的还是librtmp了,当然直接用ffmpeg也直接集成了rtmp推流的功能,而且在时间戳调优方面,帮助我们省了很多事情;
关于时间戳调优上,我们在开发EasyRTMP上花费了很多时间,由于各个IPC厂家出来的时间戳不一定是非常标准的(这里就要赞一下海康,批评一下雄迈了,请问雄迈的开发,你们搞出来的时间戳都是什么玩意儿?),所以就需要RTMP推流端对时间戳进行一次均匀化,不然就会出现HLS经常会快放、慢放、卡顿缓冲加载的现象,这一点上EasyRTMP参考的ffmpeg的-re命令的方案,对时间戳进行了优化,保证均匀播放;
4. RTMP流媒体服务器
这里说到的RTMP服务器有几个输出条件:
- rtmp
- hls
- http-flv(可选)
这种类型的开源流媒体服务器目前可以推荐的有国产的srs、著名的nginx-rtmp、当然还有我们开发的商业化的EasyDSS(EasyDSS是EasyDarwin团队开发的一款商用流媒体服务器,详情见:www.easydss.com),除了nginx-rtmp不能输出http-flv功能(当然也不会影响整体需求的实现),都能非常好地满足用户的需求;
5. 前端兼容取流播放
前端兼容当然就是一套非常闪亮而且先进的前端框架,能响应式地接受各种不同平台终端的请求,为PC web、手机 web、微信分配从rtmp流媒体服务器获取rtmp、hls、http-flv等直播流;
[转] web无插件播放RTSP摄像机方案,拒绝插件,拥抱H5!的更多相关文章
- web无插件播放RTSP摄像机方案,拒绝插件,拥抱H5!
本文转自:http://www.cnblogs.com/babosa/p/7355468.html 需求 问题:有没有flash播放RTSP的播放器?H5能不能支持RTSP播放? 答案:没见过,以后估 ...
- Web下无插件播放rtsp视频流的方案及各家优秀内容资源整理
Web下无插件播放rtsp视频流的方案及各家优秀内容资源整理 方案一:服务器端用 websocket 接受 rtsp ,然后,推送至客户端 实现步骤: 方案二:使用 ffmpeg + nginx 把 ...
- 使用Gin+WebSocket在HTML中无插件播放RTSP
在后台的开发中遇到了对接显示摄像头视频流的需求.目前获取海康及大华等主流的摄像头的视频流使用的基本都是RTSP协议.不过HTML页面并不能直接播放RTSP协议的视频流,查询了一番各种网页播放RTSP的 ...
- 浏览器无插件播放rtsp流解决方案
1. 安装 FFmpeg 参考 CentOS下安装FFmpeg,特别详细. 我遇到的错误和解决办法: 缺少lame ffmpeg+libmp3lame库源码安装教程(CentOS) make ffmp ...
- EasyNVR网页/微信播放RTSP摄像机HLS/RTMP播放时出现起播等待问题的优化过程
EasyNVR 项目中, 我们需要在网页/微信中嵌入 HLS 播放器, 实现直播效果. 开发过程中, 我们调研了很多HLS播放器, 包括 百度cyberplayer, ckplayer, flowpl ...
- EasyNVR是怎么做到Web浏览器播放RTSP摄像机直播视频延时控制在一秒内的
背景说明 由于互联网的飞速发展,传统安防摄像头的视频监控直播与互联网直播相结合也是大势所趋.传统安防的直播大多在一个局域网内,在播放的客户端上也是有所限制,一般都是都需要OCX Web插件进行直播.对 ...
- 基于EasyDarwin框架实现EasyNVR H5无插件直播流媒体服务器方案
在之前的一篇博客<web无插件播放RTSP摄像机方案,拒绝插件,拥抱H5!>中,描述了实现一套H5无插件直播方案的各个组件的参考建议,又在博客<EasyNVR H5流媒体服务器方案架 ...
- 基于EasyDarwin开源流媒体服务器框架实现EasyNVR H5无插件直播流媒体服务器方案
背景分析 在之前的一篇博客<web无插件播放RTSP摄像机方案,拒绝插件,拥抱H5!>中,描述了实现一套H5无插件直播方案的各个组件的参考建议,又在博客<EasyNVR H5流媒体服 ...
- NVR硬件录像机web无插件播放方案功能实现之相关接口注意事项说明
该篇博文主要用来说明EasyNVR硬件录像回放版本的相关接口说明和调用的demo: 方便用户的二次开发和集成. 软件根目录会包含接口文档的,因此,本文主要是对一些特定接口的说明和接口实现功能的讲解以及 ...
随机推荐
- google Guava包的ListenableFuture解析
一. ListenableFuture是用来增强Future的功能的. 我们知道Future表示一个异步计算任务,当任务完成时可以得到计算结果.如果我们希望一旦计算完成就拿到结果展示给用户或者做另外 ...
- 枚举专项练习_Uva725(Division)_Uva11059(Maximun Product)
//Uva725 #include <iostream> #include <cstring> #include <cstdlib> #include <cs ...
- Grooming Meeting及测试人员所扮演的角色
Grooming Meeting的中文翻译是“梳理会议”,它并不是Scrum框架中标准的会议(标准会议为Planning Meeting, Daily Scrum Meeting, Review Me ...
- Java EE之Hibernate异常总结【2】Field 'id' doesn't have a default value
Field 'id' doesn't have a default value问题解决方法 因为assigned是指主键是由人工分配的,而native则指主键值由库自动给出. <generato ...
- 第16月第25天 tableView设置UITableViewStyleGrouped顶部有空余高度
1. 正确的处理方法 1)设置标头的高度为特小值 (不能为零 为零的话苹果会取默认值就无法消除头部间距了) UIView *view = [[UIView alloc]initWithFrame:CG ...
- PHP 获取给定时间的周日时间或月末时间或每天
//获取给定时间的周日时间或月末时间或每天 private function endDate ($time, $type = 1, $openTime = '20:00:00') { if ($typ ...
- jquery 学习(二) - 属性操作
html代码 <div class="n1" zdy="z1">AAA <p>1111111</p> <input t ...
- Maven聚合工程的使用
创建一个service模块 接下来,在该项目中创建一个接口 创建一个实现类,并实现接口 在sm1234-web项目中,调用service的方法,需要在该项目的pom.xml中引入依赖Service模块 ...
- 三 、 Multivariance Linear Regssion练习(转载)
转载:http://www.cnblogs.com/tornadomeet/archive/2013/03/15/2962116.html 前言: 本文主要是来练习多变量线性回归问题(其实本文也就3个 ...
- UML和模式应用5:细化阶段(7)---从需求到设计迭代进化
1.前言 迭代开发中,每次迭代都会发生从以需求或分析为主要焦点到以设计和实现为主要焦点的转变 分析和面向对象的分析重点关注学习做正确的事,理解案例重要目标,规则和约束 设计工作强调正确的做事,熟练设计 ...