一、背景：

在遍地都是攝像頭的今天，往往需要在各種信息化、數(shù)字化、可視化B/S系統(tǒng)中集成實時視頻流播放等功能，?？怠⒋笕A、華為等廠家攝像頭或錄像機(jī)等設(shè)備一般也都遵循監(jiān)控行業(yè)標(biāo)準(zhǔn)，支持國際標(biāo)準(zhǔn)的主流傳輸協(xié)議RTSP輸出，而Chrome、Firefox、Edge等新一代瀏覽器從2015年開始取消了NPAPI插件技術(shù)支持導(dǎo)致不再支持RTSP的原生播放，對于絕大部分沒有視頻處理經(jīng)驗的前后端工程師來說是一個非常頭疼的問題，而對做B/S系統(tǒng)集成的公司來說，為了這一個模塊的功能單獨(dú)招聘專職研發(fā)人員來負(fù)責(zé)的話，成本高昂不說，還未必做的好。

二、方案：

目前網(wǎng)上有很多方案，即后端轉(zhuǎn)碼前端播放的方法和后端轉(zhuǎn)流前端轉(zhuǎn)碼的方案，雖然該播放方案能夠播放出畫面，但是往往延遲很高，基本上都在數(shù)秒之久，在一些對延遲敏感的場合客戶要求毫秒級延遲，顯然無插件技術(shù)方案是無法滿足的；而且首屏畫面顯示慢，基本上得十幾秒，這就導(dǎo)致切換播放源時遲遲看不到畫面出來，用戶體驗很差；況且很多技術(shù)方案，需要在后端持續(xù)運(yùn)行高負(fù)荷運(yùn)轉(zhuǎn)的視頻轉(zhuǎn)碼轉(zhuǎn)流服務(wù)，如果攝像頭路數(shù)多或需要在線播放的終端比較多，服務(wù)器的壓力就會很大，播放卡頓、花屏、黑屏、斷播等現(xiàn)象就會時常出現(xiàn)，很難讓客戶滿意，為了解決這些問題，相關(guān)硬件、軟件的投入和持續(xù)不斷的帶寬占用往往也讓客戶難以接受?，F(xiàn)在越來越多的客戶追求高大上的視頻播放效果，采用高清攝像頭的越來越多，播放顯示器1080P已是低配，2K甚至4K大屏正在成為主流之選。這些技術(shù)方案，在中高配的屏幕上如果只能播放出慢如蝸牛的畫面，想不讓客戶吐槽實在是太難了。

三、難點(diǎn)：

一個好的視頻流網(wǎng)頁播放方案，首先要能做到持續(xù)穩(wěn)定播放多路視頻，需同時支持H.264和H.265編碼，最核心的還是要做到低延遲、切換畫面快，另外就是對當(dāng)前主流版本的瀏覽器兼容能力要強(qiáng)，還有就是開發(fā)接口豐富并可定制。

四、突破：

好游科技針對當(dāng)前行業(yè)痛點(diǎn)，經(jīng)歷數(shù)年研發(fā)出了liveweb流媒體平臺，在瀏覽器直接在網(wǎng)頁上運(yùn)行，成功模擬了2015年之前Chrome、Firefox、IE等瀏覽器支持的ActiveX控件和NPAPI插件技術(shù)運(yùn)行效果。

五、優(yōu)勢：

1. 低延遲播放
好游科技開發(fā)的liveweb是可支持H.264/H.265視頻播放的流媒體播放器，性能穩(wěn)定、播放流暢，可支持的視頻流格式有RTSP、RTMP、HLS、FLV、WebRTC等，具備較高的可用性。liveweb還擁有Windows、Android、iOS版本，其靈活的視頻能力，極大滿足了用戶的多樣化場景需求。

2. 兼容性強(qiáng)

1. 絕大部分瀏覽器兼容，同時兼容Chrome、Edge、Firefox、IE、Opera、360、QQ等瀏覽器的低版本到最新版都可以使用；
2. 設(shè)備兼容性強(qiáng)，同時支持海康、大華、宇視、華為等廠家的硬件設(shè)備，只要能輸出RTSP、RTMP、HLS、HTTP、TCP、UDP等流媒體協(xié)議，就可以直接播放；
3. 支持多種視頻編碼方式，不管是H.264還是H.265都可以同時支持播放，在一些采用WASM的無插件技術(shù)方案中，往往只支持H.265編碼的視頻流，服務(wù)器轉(zhuǎn)碼方案中，編碼兼容能力直接依賴這個轉(zhuǎn)碼服務(wù)的實現(xiàn)；
4. 幾乎能播放任何內(nèi)容，支持文件、光盤、攝像頭、設(shè)備及流媒體可直接播放MPEG-2, MPEG-4, H.264, H.265, MKV, WebM, WMV, MP3, MP4等文件。
5. 分辨率支持范圍廣，從480P到1080P，還是更高的2K或4K，都能輕松應(yīng)對。

3. 功能豐富

1. 最核心的無疑是播放功能，包含單路播放、多路播放、全屏播放、快播、慢播等等，其中多路播放分屏風(fēng)格支持多達(dá)26種，總有一款適合您，沒有需要的分屏風(fēng)格時也可以委托定制開發(fā)，還有指定視頻名稱或指定時間段回看視頻等；
2. 抓圖功能，定時批量抓、支持保存指定本地路徑或圖片數(shù)據(jù)直接返回前端、圖片質(zhì)量可控制等。
3. 錄像功能，支持直接錄像保存到本地MP4文件。
4. 彈幕及水印功能，播放狀態(tài)實時提示等支持。
5. 語音對講及云臺控制。
6. 人臉識別、車牌識別并顯示畫框等個性化功能，可通過定制設(shè)備廠家原生SDK功能實現(xiàn)。