近几个月，在线抓娃娃热席卷全国，除了原生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
原文地址：https://www.cnblogs.com/ZEGO/p/8309448.html