一、背景：

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

二、方案：

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

現(xiàn)在越來越多的客戶追求高大上的視頻播放效果，采用高清攝像頭的越來越多，播放顯示器1080P已是低配，2K甚至4K大屏正在成為主流之選。這種無插件技術(shù)方案，在中高配的屏幕上如果只能播放出慢如蝸牛的畫面，想不讓客戶吐槽實(shí)在是太難了。

三、難點(diǎn)：

一個(gè)好的視頻流網(wǎng)頁播放方案，首先要能做到持續(xù)穩(wěn)定播放多路視頻，需同時(shí)支持H.264和H.265編碼，最核心的還是要做到低延遲、切換畫面快，另外就是對(duì)當(dāng)前主流版本的瀏覽器兼容能力要強(qiáng)，還有就是開發(fā)接口豐富并可定制，如果還能做到開源或采用一些免費(fèi)開源的播放引擎，那就最好不過了，畢竟開源在商業(yè)領(lǐng)域的應(yīng)用越來越多，是個(gè)大趨勢，從系統(tǒng)集成商的角度來說，開源意味著有更多的自主可控機(jī)會(huì)來降低整個(gè)系統(tǒng)的實(shí)施風(fēng)險(xiǎn)。

四、突破：

猿大師針對(duì)當(dāng)前行業(yè)痛點(diǎn)，經(jīng)歷數(shù)年研發(fā)出了具有專利保護(hù)技術(shù)的猿大師中間件產(chǎn)品，在瀏覽器之上重新搭建了一套外接程序系統(tǒng)并可無縫嵌入瀏覽器網(wǎng)頁運(yùn)行，成功模擬了2015年之前Chrome、Firefox、IE等瀏覽器支持的ActiveX控件和NPAPI插件技術(shù)運(yùn)行效果。

五、優(yōu)勢：

1. 低延遲播放

猿大師VLC播放程序基于基于VLC的ActiveX控件開發(fā)，完整封裝了控件的所有接口給前端調(diào)用，在同等條件下，延遲時(shí)間和VLC桌面程序播放保持一致，并可支持多路播放?？沙浞掷媒K端電腦硬件加速(GPU)能力，在同等硬件和網(wǎng)絡(luò)條件下，延遲可做到毫秒級(jí)，可播放更多視頻源、支持更高的分辨率、實(shí)現(xiàn)更流暢的播放效果，網(wǎng)絡(luò)上所謂的無插件方案完全不能與之相比。

2. 兼容性強(qiáng)

1. 絕大部分瀏覽器兼容，同時(shí)兼容Chrome、Edge、Firefox、IE、Opera、360、QQ等瀏覽器的低版本到最新版都可以使用；

2. 設(shè)備兼容性強(qiáng)，同時(shí)支持?？?、大華、宇視、華為等廠家的硬件設(shè)備，只要能輸出RTSP、RTMP、HLS、HTTP、TCP、UDP等流媒體協(xié)議，就可以直接播放；

3. 支持多種視頻編碼方式，不管是H.264還是H.265都可以同時(shí)支持播放，在一些采用WASM的無插件技術(shù)方案中，往往只支持H.265編碼的視頻流，服務(wù)器轉(zhuǎn)碼方案中，編碼兼容能力直接依賴這個(gè)轉(zhuǎn)碼服務(wù)的實(shí)現(xiàn)；

4. 幾乎能播放任何內(nèi)容，依托開源的VLC著名播放引擎，支持文件、光盤、攝像頭、設(shè)備及流媒體可直接播放MPEG-2, MPEG-4, H.264, H.265, MKV, WebM, WMV, MP3, MP4等文件，而無插件技術(shù)方案往往能播放的內(nèi)容有限，比如不支持本地文件播放，不支持高速播放；

5. 分辨率支持范圍廣，從480P到1080P，還是更高的2K或4K，都能輕松應(yīng)對(duì)，無插件方案從1080P開始，播放效果基本上就差強(qiáng)人意了。

3. 功能豐富

1. 最核心的無疑是播放功能，包含單路播放、多路播放、全屏播放、快播、慢播等等，其中多路播放分屏風(fēng)格支持多達(dá)26種，總有一款適合您，沒有需要的分屏風(fēng)格時(shí)也可以委托定制開發(fā)，還有指定視頻名稱或指定時(shí)間段回看視頻等；

2. 抓圖功能，定時(shí)批量抓、支持保存指定本地路徑或圖片數(shù)據(jù)直接返回前端、圖片質(zhì)量可控制等，無插件方案由于無法訪問本地文件系統(tǒng)是無法抓圖直接保存到本地的，也不是基于視頻原有分辨率進(jìn)行抓取，圖片質(zhì)量無法保證；

3. 錄像功能，支持直接錄像保存到本地MP4文件，而無插件方案由于無法訪問本地文件系統(tǒng)，自然也無法直接完成此功能；

4. 彈幕及水印功能，播放狀態(tài)實(shí)時(shí)提示等支持，無插件方案基本只能在服務(wù)器端先行添加，無法針對(duì)終端區(qū)別對(duì)待；

5. 語音對(duì)講及云臺(tái)控制，無插件方案基本無此功能；

6. 人臉識(shí)別、車牌識(shí)別并顯示畫框等個(gè)性化功能，可通過定制設(shè)備廠家原生SDK功能實(shí)現(xiàn)。

4. 可定制

猿大師的網(wǎng)頁播放小程序的播放分屏風(fēng)格、中間件產(chǎn)品名稱及公司信息等，接受付費(fèi)定制開發(fā)使用，實(shí)現(xiàn)個(gè)性化的播放效果。

5. 開源

猿大師的網(wǎng)頁播放小程序，主要是基于著名開源播放引擎LibVLC開發(fā)，視頻播放模塊后續(xù)服務(wù)有保障，播放小程序本身也支持客戶付費(fèi)獲得源碼后自行再定制開發(fā)，實(shí)現(xiàn)源代碼級(jí)別的自主可控。因?yàn)榛谝曨l畫面定制實(shí)現(xiàn)一些其它功能也是常有的，比如人臉識(shí)別、車牌識(shí)別，識(shí)別出來同時(shí)需要在畫面中加入一些標(biāo)記元素，也可以設(shè)計(jì)觸發(fā)某些條件時(shí)自動(dòng)抓圖并保存。

6. 低成本

由于采用終端直接播放的技術(shù)方案，無需服務(wù)器提供轉(zhuǎn)碼轉(zhuǎn)流支持，因此可節(jié)省軟硬件投入成本和持續(xù)的帶寬占用成本。

7. 簡單可靠

延續(xù)原有插件播放技術(shù)路線，可實(shí)現(xiàn)平滑升級(jí)，前后端改造小，提供VUE集成范例，集成簡單，節(jié)省成本。

1.猿大師官網(wǎng)：http://www.yuanmaster.com

2.猿大師與大華官方網(wǎng)頁延遲對(duì)比：

3.猿大師VLC播放程序與海康威視官方網(wǎng)頁延遲對(duì)比：

4.同時(shí)播放25路RTSP流效果：