[關鍵字：前端瀏覽器如何播放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 '拉流'

&n