[關鍵字：前端瀏覽器如何播放RTSP流畫面 | 前端瀏覽器如何播放RTMP流畫面 | Web瀏覽器播放攝像頭畫面]
本片文章只是起到拋磚引玉的作用，能從頭到尾走通就行，並不做深入研究。為了讓文章通俗易懂，盡量使用白話描述。(或參考基於H5的新方案)
0x001: 獲取
現在市場上普見的攝像頭都支持RTSP協議，如果你不懂什么是RTSP協議，那么你可以這么簡單的認為，就是一串地址，通過這串地址你就可以拿到視頻流。就猶如一串網址一樣http://www.xxxx.com，通過這串網址你可以閱覽網頁。知道這些對你入門來說就足夠了。如同下面這樣：
rtsp://218.204.223.237:554/live/1（此地址不可用）
這里隨便列舉兩個廠商，如果你不知道手里監控的RTSP流地址是什么，可自行聯系廠家索取。海康威視RTSP 、大華RTSP
0x002: 播放
在拿到標准的RTSP流后，需要檢測一下流地址是否能正常播放，以保證此步驟的正確性，這里推薦兩個強大工具。
VLC（開源免費）
EasyPlayer RTSP（商用授權）
這里解釋一下，為什么要給出2款RTSP播放器的原因，VLC很強大，在面對普通標准化的大眾監控時，它已經足夠了。
但是在面對小廠商的監控時，VLC可能顯得那么孤軍無力。市場上各家廠商監控水平參差不齊，小廠商的流可能做的不是那么標准，所以也能理解。
這個時候你可以換個播放器試試，可能有你意想不到的效果，也能使你少走些彎路。（血淋淋的教訓，我們的熱像設備就是這樣，因此在上面浪費了很多時間）
方法：
VLC - 左上角‘媒體’- 打開網絡串流- 將RTSP流地址復制進去 - 播放
EasyPlayer RTSP - 將RTSP流地址復制進去 - Play
由於涉及到公司保密數據，具體的播放畫面截圖這里就不貼上來了，大家播放成功后就代表此步驟已經走通。
0x003: 下一步