前端Web浏览器基于Flash如何实时播放监控视频画面(前言)之流程介绍

[关键字:前端浏览器如何播放RTSP流画面、前端浏览器如何播放RTMP流画面]


本片文章只是起到抛砖引玉的作用,能从头到尾走通就行,并不做深入研究。为了让文章通俗易懂,尽量使用白话描述。

考虑到视频延迟性问题,本次采用RTSP —> RTMP方案

此篇只陈述如何使前端Web浏览器实时播放出监控视频画面的流程。由于每个步骤中间涉及的小细节很多,汇总在一起可能显得过于啰嗦,臃肿,所以分篇幅介绍。流程如下:

获取监控摄像头的RTSP流

Windows搭建(RTMP)流媒体服务器

使用ffmpeg将RTSP流转发至刚刚搭建的流媒体服务器,就是所谓的 '推流'

前端Web浏览器使用JS插件从流媒体服务器获取RTMP流并播放,就是所谓的 '拉流'

前端Web浏览器基于Flash如何实时播放监控视频画面(前言)之流程介绍



知道了这四个步骤,我们再把步骤 '问题化',得出以下四篇文章:

前端Web浏览器基于Flash如何实时播放监控视频画面(一)之获取监控摄像头的RTSP流

前端Web浏览器基于Flash如何实时播放监控视频画面(二)之Windows搭建(RTMP)流媒体服务器

前端Web浏览器基于Flash如何实时播放监控视频画面(三)之使用ffmpeg '推流'

前端Web浏览器基于Flash如何实时播放监控视频画面(四)之使用videoJs '拉流'

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zzgxjw.html