[关键字:前端浏览器如何播放RTSP流画面、前端浏览器如何播放RTMP流画面]
本片文章只是起到抛砖引玉的作用,能从头到尾走通就行,并不做深入研究。为了让文章通俗易懂,尽量使用白话描述。
考虑到视频延迟性问题,本次采用RTSP —> RTMP方案
此篇只陈述如何使前端Web浏览器实时播放出监控视频画面的流程。由于每个步骤中间涉及的小细节很多,汇总在一起可能显得过于啰嗦,臃肿,所以分篇幅介绍。流程如下:
- 获取监控摄像头的RTSP流
- Windows搭建(RTMP)流媒体服务器
- 使用ffmpeg将RTSP流转发至刚刚搭建的流媒体服务器,就是所谓的 '推流'
- 前端Web浏览器使用JS插件从流媒体服务器获取RTMP流并播放,就是所谓的 '拉流'
知道了这四个步骤,我们再把步骤 '问题化',得出以下四篇文章:
- 前端Web浏览器基于Flash如何实时播放监控视频画面(一)之获取监控摄像头的RTSP流
- 前端Web浏览器基于Flash如何实时播放监控视频画面(二)之Windows搭建(RTMP)流媒体服务器
- 前端Web浏览器基于Flash如何实时播放监控视频画面(三)之使用ffmpeg '推流'
- 前端Web浏览器基于Flash如何实时播放监控视频画面(四)之使用videoJs '拉流'
来源:oschina
链接:https://my.oschina.net/u/4360424/blog/4297860