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

[关键字：前端浏览器如何播放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 '拉流'