近幾個月，在線抓娃娃熱席卷全國，除了原生app抓娃娃方案以外，H5在線抓娃娃方案也得到了不少創業者的青睞。

H5在線抓娃娃方案獨特的優勢

1、開發成本低和開發周期短。H5頁面的功能大都比較輕量、簡易，開發起來非常便捷。

2、兼容性強，在微信和所有瀏覽器上都能用，開發一次所有的瀏覽器上都可以跑。

3、傳播途徑廣、用戶使用成本低。 H5可以通過各種社交產品實現病毒式擴散，用戶只需簡單的打開鏈接即可達到宣傳推廣目的，特別是在微信公眾號和朋友權重進行傳播。

4、叠代速度快。相比原生APP, 叠代升級快，而且不用在應用商店上架，H5簡直就是即時響應，隨時變更隨時上線。

在線抓娃娃本身就是一門流量快速變現的生意，H5輕量簡單、即玩即走、易於傳播引流等特性天然迎合了在線抓娃娃創業者的訴求。

作為一家在線抓娃娃一站式服務提供商，除了提供原生APP的版本外，即構科技正式推出在線抓娃娃H5方案，400毫秒的超低延遲，完美兼容微信，助力創業者快速搶占時間窗口，抓住在線抓娃娃的紅利期。

圖1 ZEGO在線抓娃娃H5

即構科技在線抓娃娃H5方案剖析

硬件方案——娃娃機整機、攝像頭和硬件板子等。

軟件方案——用戶終端的抓娃娃H5源碼、娃娃機攝像頭推流方案、娃娃機天車控制方案、實時視頻傳輸網絡、實時信令控制網絡和內容分發網絡等。

圖1、圖2分別是即構科技在線抓娃娃H5方案的抓娃娃模式和圍觀模式的系統架構圖。

圖2 抓娃娃模式

圖 3 圍觀模式

即構科技在線抓娃娃H5方案的核心優勢

第一、媲美APP的超低延遲

即構在線抓娃娃H5方案平均延遲400ms，逼近原生APP的用戶體驗。用戶可以敏捷操控、精準下爪，體驗逼近原生APP。方案采用WebSocket技術，基於UDP的私有傳輸協議，結合經過驗證的直播雲端，突破了HLS高延遲的技術限制，同時還能保持H5的傳播便捷特性。

第二、完美兼容微信和所有瀏覽器

即構在線抓娃娃H5方案完美支持對微信公眾號和瀏覽器的兼容性。雖然H5普遍被瀏覽器支持，但是各個瀏覽器支持程度不同。即構的方案從底層開始兼容，深度適配所有瀏覽器（包括微信），保證開發者開發一次，在所有平臺上均可運行，用戶體驗保持一致。

據了解，即構科技的H5方案是基於WebSocket和即構完全自研的直播SDK的，並沒有選擇基於WebRTC開發的，究其原因主要還是因為對兼容性的考量。

我們知道，所有iOS手機上的瀏覽器都要經過蘋果iOS的內核，然而蘋果的iOS當前並不支持webRTC（雖然宣布以後支持，但是蘋果的作風你懂的）。這樣導致在iOS上面跑的所有的瀏覽器，在iOS上都要對蘋果低頭，即使是iOS上的微信也是如此，這樣最直接的一個後果就是基於WebRTC實現的在線抓娃娃h5頁在蘋果手機上都無法正常使用。

此外，雖然Android天然支持WebRTC，Chrome,Opera,Firefox,Mozilla等google的盟友瀏覽器也支持WebRTC，但是這些瀏覽器在國內的市場占比在30%以下，至於微信在安卓手機上也只是部分支持WebRTC，騰訊對WebRTC做了一些限制，比如說，在本地（推流端）不能獲得原始媒體數據，無法做前處理，比如說畫面的美化（類似美顏），或者是加入娛樂的虛擬增強效果等。

然而微信卻是國內最主要的社交陣地，蘋果手機則代表了一個相當有消費能力的群體，錯失了這樣的一大片“江山”，對於創業者來說，這樣的方案顯然是不太能接受的。

當前，即構科技在線抓娃娃H5方案的SDK和Demo源碼均已全部開放，只需更換Demo皮膚，就可立即快速上線產品；或者集成JS接口，1個兩年經驗的工程師，4行代碼，2天內即可完成。

即構科技在線抓娃娃H5 DEMO體驗

http://wwj.zego.im/

即構科技在線抓娃娃H5方案專題頁面

https://www.zego.im/html/solution/wawaji-h5.html

即構科技在線抓娃娃H5源碼鏈接：

https://www.zego.im/html/document/#Application_Scenes/WaWaJiClient

即構科技在線抓娃娃H5方案正式上線，400ms超低延遲，完美兼容微信