各大平台为了自己的直播答题，绞尽脑汁，在玩法上不断创新。这场比赛从iOS平台蔓延到了Android平台。目前，大多数平台通过分享邀请码和下载应用获取用户。有前端开发者不禁要问，直播答题有没有H5之类的？H5真的无法实现直播答疑吗？在本文中，我们尝试探索H5实现直播答疑的可能性。1、H5直播的答案是什么？H5的直播答题主要发生在PC、手机浏览器和微信三种环境。微信包括微信浏览器和微信小程序。事实上，已经有两家直播平台开发了直播答题小程序。这样做有什么好处？1、用户参与门槛低。目前用户需要扫码后跳转到AppStore下载应用。如果是像summit峰会这样的独立APP还好，但如果属于直播平台，用户就需要多一步才能进入游戏。做产品的都知道，注册步骤越多，用户流失率越高。如果我们让用户在H5端扫码登录，就可以让他率先参与游戏，成为你的用户。比其他竞争对手更快地吸引新用户。2、传输更方便。H5的形式更容易传播，加上近乎零门槛的参与方式，更容易吸引和抢夺新用户。如果你开发一个小程序，分享给9.3亿微信月活跃用户，就会产生裂变式的传播。不过H5的直播答题也有缺点。H5没有通知功能。获取用户后，我们还需要通过一些运营方式来进一步留住用户，比如登录APP获取更多复活机会等，对此，各人说法不一。2、H5直播答题开发有哪些难点？H5直播答题难点主要有两个：视频和答题的同步服务是否稳定1.视频和视频的同步。一个月前，NativeApp上视频和答题的同步是个大问题，H5端也会。的主要难点之一。因为音视频流和主题分别通过两个系统发送到H5端，两者的端到端延迟不同，如何让主题到达后主播下命令时显示出来是一个问题问题。如果要实现同步，目前最常用的方法是加时间戳，但CDN本身不支持，需要开发者进行二次深入开发。所以一个月前，为了抢先上线第一批直播答题APP，出现了答题和直播不同程度不同步的问题。在微信上，情况略有不同。因为微信浏览器对视频和音频格式存在严重的兼容性问题。而且微信浏览器目前对H.264的兼容还不够好。所以还是需要转码，原码流上的很多tag或者SEI数据都要翻译一次。这增加了实现同步直播和答疑的复杂度。2、服务稳定由于直播答题直播时会在短时间内产生高并发，需要注意节点部署，避免在骨干网络拥堵时进行。下面就来看看基本的解题思路吧。对于PCWeb和手机浏览器的受众，我们可以直接通过CDN方案来实现。有两点需要特别注意：一是注意边缘节点的部署和弱网环境的传输，二是直播和话题的同步。基本原理如下图所示。对于非微信浏览器的观众，需要在本地解码、渲染和播放。当然还有一个选择，就是直接通过AgoraWebSDK实现，不用担心服务器传输、设备适配、回显、可用性等问题，并且支持海量高并发，完美解决直播问题广播和主题同步。微信端有点不一样，我们可以通过下图的对比发现。对于在微信端打开的观众，直播流需要进行一次MPEG1转码，然后通过中继服务器将视频分发到微信端，再通过JSMpeg解码播放。使用JSMpeg是因为它很小并且在大多数浏览器上运行流畅。但是需要注意的是，微信端用户获取的数据在经过CDN之后，还会经过转码服务器和中继服务器。之后，端到端延迟将被放大。除了CDN，还要注意边缘节点的部署，转码服务器和中继服务器也需要部署边缘点，这样会加剧微信H5端直播和答题的同步问题。如果说开发Native是直播答题应对当下快速竞争的“捷径”，那么开发H5则是获得裂变传播的新途径。仔细观察会发现，一些最近入局的直播答题厂商和去年直播抓娃娃的厂商之间存在着高度的重合。H5是很多厂商在抓娃娃时的首选，但是目前直播答题的出路并没有很强的需求。我们分析可能有两方面的原因：一是H5抓娃娃参与门槛低，但翻台率高，新风口尝试的人少；第二，微信小程序现在已经开放了音视频接口，开发者可能会优先选择小程序，但是对于小程序的直播权限还是有准入限制的，所以直播答题的小程序并不多。原文发表于声网微信公众号（ID：shengwang-agora）
