一. 背景分析

隨著移動互聯(lián)網(wǎng)時代的到來，安防監(jiān)控領(lǐng)域為了適應互聯(lián)網(wǎng)的發(fā)展要求，首先由國內(nèi)安防監(jiān)控龍頭企業(yè)（?？?、大華、宇視）帶頭先后開發(fā)了螢石云、樂橙云等互聯(lián)網(wǎng)視頻云服務(wù)，為廣大個人或者企業(yè)監(jiān)控用戶提供的優(yōu)質(zhì)的視頻互聯(lián)網(wǎng)監(jiān)控服務(wù)；而事實上，不管是海康大華等老牌監(jiān)控廠商、還是新興的視頻云服務(wù)提供上，基本上都是通過轉(zhuǎn)RTMP、HLS等適應互聯(lián)網(wǎng)發(fā)展要求的協(xié)議，來實現(xiàn)互聯(lián)網(wǎng)網(wǎng)頁或者移動端APP的直播點播。然后我們常用的網(wǎng)絡(luò)攝像機（IPC）或者硬盤錄像機（NVR）等安防設(shè)備或者GB/T28181標準國標安防平臺輸出的流媒體格式多數(shù)是RTSP格式，RTSP協(xié)議以其標準化程度高、低延遲、協(xié)議兼容性強（直播點播回放都支持）等特點，以至于仍然是目前安防行業(yè)無可替代的最優(yōu)的流媒體協(xié)議。

二、RTSP如何在瀏覽器網(wǎng)頁（WEB）上無插件直播和點播

首先，我們從網(wǎng)絡(luò)攝像機可以獲取到RTSP流，但是這個RTSP流不能直接在網(wǎng)頁上播放，目前技術(shù)層面上，在瀏覽器上播放RTSP協(xié)議的解決方案有兩種：

1. 通過瀏覽器插件的方式，安裝插件播放RTSP流；

2. 通過HTML5 js引擎視頻解碼播放RTSP流；

目前，第一種方式除了部分安防監(jiān)控設(shè)備廠商仍在使用外，基本以及被淘汰，主要是各大瀏覽器廠商紛紛禁止網(wǎng)頁插件，而且網(wǎng)頁插件存在安裝麻煩，兼容性差等各種問題；

第二種方案因為H5不支持RTSP協(xié)議，所以不能直接通過H5 JS引擎直接播放RTSP流；

三、如何通過html5播放RTSP直播點播流？

首先，我們知道RTSP協(xié)議是通過TCP協(xié)議傳輸?shù)牧髅襟w文本協(xié)商協(xié)議，以及通過TCP或者UDP傳輸RTP流媒體報文，所以，我們需要通過Websocket將rtsp層文本協(xié)議代理發(fā)送出來，在WEB網(wǎng)頁端通過Javascript引擎建立rtsp交互過程，建立RTP數(shù)據(jù)發(fā)送通道；

然后再通過http協(xié)議將RTP流媒體數(shù)據(jù)發(fā)送到WEB端，然后再通過js引擎組裝RTP數(shù)據(jù)包并解析，解析出H264然后通過H5進行軟解或者硬件解碼，再通過網(wǎng)頁進行渲染顯示播放。

這個過程我們已經(jīng)在網(wǎng)頁H5無插件播放器：liveweb播放器中已經(jīng)進行實現(xiàn)，并且還支持HTTP-FLV/WS-FLV/HLS/RTMP等協(xié)議進行直播和點播。

配合liveweb流媒體服務(wù)，我們可以輕松的實現(xiàn)RTSP流通過Websocket協(xié)議在網(wǎng)頁上通過H5進行無插件直播和點播方案。

關(guān)于liveweb流媒體

liveweb流媒體綜合安防視頻云服務(wù)， 提供一站式私有化部署視頻安防綜合管理系統(tǒng)解決方案。我們秉持網(wǎng)絡(luò)化、集成化、智能化的理念，采用先進的軟硬件開發(fā)技術(shù)，解決了綜合安防系統(tǒng)集中管理、多級聯(lián)網(wǎng)、信息共享、互聯(lián)互通、多業(yè)務(wù)融合等問題。

liveweb流媒體其獨創(chuàng)的ws-rtsp流媒體直播技術(shù)，兼容傳統(tǒng)安防流媒體的同時，不需要安裝瀏覽器插件，解決互聯(lián)網(wǎng)接入安防監(jiān)控延遲高、起播慢等問題；支持全平臺終端H5直播點播（PC、Web、Android、iOS）。