[關鍵字:前端瀏覽器如何播放RTSP流畫面 | 前端瀏覽器如何播放RTMP流畫面 | Web瀏覽器播放攝像頭畫面]
本片文章只是起到拋磚引玉的作用,能從頭到尾走通就行,並不做深入研究。為了讓文章通俗易懂,盡量使用白話描述。
考慮到視頻延遲性問題,本次采用RTSP —> RTMP方案(或參考基於H5的新方案)
此篇只陳述如何使前端Web瀏覽器實時播放出監控視頻畫面的流程。由於每個步驟中間涉及的小細節很多,匯總在一起可能顯得過於啰嗦,臃腫,所以分篇幅介紹。流程如下:
- 獲取監控攝像頭的RTSP流
- Windows搭建(RTMP)流媒體服務器
- 使用ffmpeg將RTSP流轉發至剛剛搭建的流媒體服務器,就是所謂的 '推流'
- 前端Web瀏覽器使用JS插件從流媒體服務器獲取RTMP流並播放,就是所謂的 '拉流'
知道了這四個步驟,我們再把步驟 '問題化',得出以下四篇文章:
- 前端Web瀏覽器基於Flash如何實時播放監控視頻畫面(一)之獲取監控攝像頭的RTSP流
- 前端Web瀏覽器基於Flash如何實時播放監控視頻畫面(二)之Windows搭建(RTMP)流媒體服務器
- 前端Web瀏覽器基於Flash如何實時播放監控視頻畫面(三)之使用ffmpeg '推流'
- 前端Web瀏覽器基於Flash如何實時播放監控視頻畫面(四)之使用videoJs '拉流'