视频直播客户端技术之WebRTC通过WebView接入小程序

Z时代
2024-01-10
分类：综合

还有别的方法在小程序上做连麦直播互动吗？必须要使用微信小程序开放的语音视频能力吗？也不一定。绕过了微信小程序实时语音视频能力，通过微信小程序WebView组件实现了连麦直播的方案。图玩智能科技为企业提供专业的直播技术支持，这里和大家分享一下，欢迎随时咨询www.toivan.com。

这个方案的基本思路是利用 WebView 的浏览器特点，在 WebView 内使用WebRTC的 Web API，从而在小程序上获得实时音视频能力。上图是这个方案的架构图。最底层是微信小程序的基础能力。上一层是 WebView，微信小程序的 WebView 类似浏览器，那么就可能会支持 WebRTC。然而必须要注意到，微信小程序的 WebView 在安卓平台上支持 WebRTC，但在 iOS 平台上面不支持 WebRTC。虽然这个方案理论上也能在微信小程序上实现连麦直播，但是它有以下的局限性：

1）在 iOS 平台上，微信小程序不支持这个方案，上面已经说过；

2）小程序 WebView 不是完整的浏览器，要比普通浏览器表现差而且有很多的限制；

3）开发者和操作系统之间隔了好几层：微信底层，小程序，WebView，WebRTC，然后才是开发者的小程序应用。每一层的抽象都会带来性能上的消耗，都会影响到最终的体验。

这个方案本质上还是一个基于 WebRTC 的解决方案，没有用到微信小程序开放的实时音视频能力，而是快速地借助 WebView 组件，剑走偏锋，十分讨巧地在微信小程序里使用了 WebRTC。

连麦直播技术逐步在原生 APP, 浏览器 H5，浏览器 WebRTC，微信小程序上延伸，衍生出更加丰富的生态，提供更加便捷和良好的用户体验，对视频直播平台和用户来说是好消息。然而，欲带皇冠，必承其重。特别是在浏览器 WebRTC 和微信小程序上，开发者要充分理解这些类型终端的特点和局限，才能更好地在上面利用连麦直播技术进行创新，服务用户。