一、我們先來(lái)說(shuō)說(shuō)瀏覽器的市場(chǎng)現(xiàn)狀

• 20年前，Windows系統(tǒng)本來(lái)有兩家常用的瀏覽器，也就是微軟的internet explorer（簡(jiǎn)稱IE），以及網(wǎng)景公司的Netscape，微軟綁定IE進(jìn)行銷(xiāo)售，因此網(wǎng)景狀告微軟壟斷。經(jīng)過(guò)漫長(zhǎng)的官司，網(wǎng)景公司雖然贏得了官司，但市場(chǎng)已經(jīng)被微軟的IE蠶食殆盡。因此從Windows系統(tǒng)誕生很多年來(lái)，Windows系統(tǒng)上一直都是IE占絕對(duì)主流，這也就導(dǎo)致大部分WEB服務(wù)的開(kāi)發(fā)，都以支持IE為首要任務(wù)，很多WEB應(yīng)用用控件的方式來(lái)實(shí)現(xiàn)。

• 最近十幾年來(lái)，Windows系統(tǒng)上的Firefox、Opera等其他瀏覽器越來(lái)越得到用戶的肯定；MAC電腦也越來(lái)越普及，而MAC上沒(méi)有IE；移動(dòng)終端操作系統(tǒng)上更不可能有IE；并且更為重要的是，微軟自身也放棄了IE，在WINDOWS 10上開(kāi)始大規(guī)模推介Edge瀏覽器。而這些瀏覽器，除了IE以外，一律不支持控件了。

目前市場(chǎng)上大部分網(wǎng)絡(luò)攝像機(jī)的WEB服務(wù)基本上都是通過(guò)控件的方式來(lái)進(jìn)行音視頻的播放等功能的，這就限制了用戶主頁(yè)只能通過(guò)IE瀏覽器來(lái)進(jìn)行訪問(wèn)了。

用戶想要在其他瀏覽器上瀏覽攝像機(jī)視頻？

No way!

更別說(shuō)在MAC、手機(jī)上進(jìn)行觀看了

針對(duì)這個(gè)情況，我司經(jīng)過(guò)長(zhǎng)時(shí)間的研究與開(kāi)發(fā)，基于HTML5技術(shù)，已經(jīng)于2017年實(shí)現(xiàn)網(wǎng)絡(luò)攝像機(jī)WEB服務(wù)的跨平臺(tái)、多瀏覽器支持。

二、我們來(lái)看下在各個(gè)平臺(tái)下的安佳模組效果

1、Iphone Safari

2、Andriod Chrome

3、PC端FireFox瀏覽器

4、PC端Chrome瀏覽器

5、PC端Edge瀏覽器

6、PC端Opera瀏覽器

三、技術(shù)原理的探秘

• 網(wǎng)絡(luò)攝像機(jī)模組采用HTML5新引入的WebSocket規(guī)范技術(shù)， WebSocket是一種在單個(gè)TCP連接上進(jìn)行全雙工通信的協(xié)議， 于2011年被IETF定為標(biāo)準(zhǔn)RFC 6455, 并由RFC7936補(bǔ)充規(guī)范。

• WebSocket使得客戶端和服務(wù)器之間的數(shù)據(jù)交換變得更加簡(jiǎn)單，允許服務(wù)端主動(dòng)向客戶端推送數(shù)據(jù)。在WebSocket API中，瀏覽器和服務(wù)器只需要完成一次握手，兩者之間就直接可以創(chuàng)建持久性的連接，并進(jìn)行雙向數(shù)據(jù)傳輸。Google Chrome瀏覽器最先支持WedSocket，隨后是Safari，F(xiàn)irefox；此外最新版本的Opera也支持WedSocket

四、支持的瀏覽器列表與版本要求

下面是主要瀏覽器的支持情況：

上述是瀏覽器版本的最低要求，如出現(xiàn)無(wú)法預(yù)覽的情況，請(qǐng)確認(rèn)瀏覽器的當(dāng)前版本號(hào)， 必要時(shí)請(qǐng)下載對(duì)應(yīng)的最新版本再進(jìn)行驗(yàn)證測(cè)試。

五、當(dāng)然它有一點(diǎn)點(diǎn)小缺點(diǎn)

• 在IE以外的瀏覽器上使用HTM5技術(shù)進(jìn)行視頻解碼，與在IE上使用的控件技術(shù)進(jìn)行視頻解碼相比，運(yùn)行效率相對(duì)要低，延時(shí)相對(duì)要高。這是因?yàn)槭褂?/span>C++開(kāi)發(fā)的IE控件程序的性能要比HTML高很多。所以在IE上預(yù)覽攝像頭視頻時(shí)，基本上不會(huì)出現(xiàn)畫(huà)面卡頓，不流暢，甚至是花屏等問(wèn)題。

• 以目前的普通的電腦硬件配置來(lái)說(shuō)，在Chrome, FireFox, Opera等IE以外的瀏覽器上觀看1080P分辨率的攝像機(jī)視頻，基本上能滿足需求，但是如果攝像機(jī)分辨率在1080P以上，例如3MP、4MP，甚至是4K，由于HTML解碼性能不足，預(yù)覽就容易出現(xiàn)卡頓、延時(shí)、或者花屏的情況；請(qǐng)用戶根據(jù)實(shí)際使用情況，選擇適合的分辨率進(jìn)行預(yù)覽。

我司工程師也會(huì)對(duì)HTML5視頻解碼技術(shù)進(jìn)行持續(xù)優(yōu)化！

好期待

更多詳情可關(guān)注我們“安佳威視”公眾號(hào)！

更多內(nèi)容敬請(qǐng)期待！

—如果喜歡，快分享給你的朋友們吧—

想要獲得更多信息 請(qǐng)關(guān)注