线上抓娃娃H5版本的系统架构图，开放H5源码

近几个月，在线抓娃娃热席卷全国，除了原生app抓娃娃方案以外，H5在线抓娃娃方案也得到了不少创业者的青睐。

H5在线抓娃娃方案独特的优势

1、开发成本低和开发周期短。H5页面的功能大都比较轻量、简易，开发起来非常便捷。

2、兼容性强，在微信和所有浏览器上都能用，开发一次所有的浏览器上都可以跑。

3、传播途径广、用户使用成本低。 H5可以通过各种社交产品实现病毒式扩散，用户只需简单的打开链接即可达到宣传推广目的，特别是在微信公众号和朋友权重进行传播。

4、迭代速度快。相比原生APP, 迭代升级快，而且不用在应用商店上架，H5简直就是即时响应，随时变更随时上线。

在线抓娃娃本身就是一门流量快速变现的生意，H5轻量简单、即玩即走、易于传播引流等特性天然迎合了在线抓娃娃创业者的诉求。

作为一家在线抓娃娃一站式服务提供商，除了提供原生APP的版本外，即构科技正式推出在线抓娃娃H5方案，400毫秒的超低延迟，完美兼容微信，助力创业者快速抢占时间窗口，抓住在线抓娃娃的红利期。

图1  ZEGO在线抓娃娃H5

即构ZEGO在线抓娃娃H5方案剖析

硬件方案——娃娃机整机、摄像头和硬件板子等。

软件方案——用户终端的抓娃娃H5源码、娃娃机摄像头推流方案、娃娃机天车控制方案、实时视频传输网络、实时信令控制网络和内容分发网络等。

图1、图2分别是即构科技在线抓娃娃H5方案的抓娃娃模式和围观模式的系统架构图。

图2 抓娃娃模式

图 3 围观模式

即构ZEGO在线抓娃娃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天内即可完成。

马上体验即构ZEGO在线抓娃娃H5

直播预告

《在线抓娃娃H5方案核心工程师教你快速上线抓娃娃H5产品》

讲师：即构ZEGO在线抓娃娃H5方案核心工程师林俊福

时间：11月27日（周一）晚7点

事件：给大家分享如何快速上线在线抓娃娃H5产品，扫码报名活动。

 

听众收益：

1、即构在线抓娃娃H5方案大揭秘（现场Demo演示）

2、如何通过H5皮肤快速上线在线抓娃娃H5应用

3、如何使用即构在线抓娃娃H5 SDK进行二次开发

4、即构在线抓娃娃H5版本的源代码layout

5、加入在线抓娃娃行业微信群，与数百行业专家交流互勉