独家详解:云豹直播小程序接入腾讯云SDK实现多人视频通话

发布来源:云豹科技
发布人:云豹科技
2018-05-17 14:40:53

我们可以在微信搜索云豹直播小程序,可以加载我们的演示小程序,您就可以体验和测试多人音视频通话功能全新的UI设计和加入抖音萌颜功能。APP我们仅加入四人的视频通话功能您如果想要更改多人通话,您可以通过修改源码中的限制参数来调整这个数值实现更多人通话

 

双人视频场景

云豹直播小程不仅仅可用于多人视频场景,也可以用于双人视频通话,而且要比从零开始用 <live-pusher> 和 <live-player> 构建双人视频通话功能要简单的多。

云豹直播小程序双人视频场景和多人视频场景对比

双人音视频仅仅是两个端之间交换 URL 这么简单,但是到多人通话场景和从双人通话场景相比较,问题的复杂性就迅速增加了。

所以我们可以考虑让 Server 来协助解决这个问题:

 

我们可以将房间中的成员都交给 Server 来管理,由于 Server 的信息是集中的,因此不会出现信息不一致性的 BUG,只要各个终端在需要的时候从 Server 同步最新的成员列表到本地(GET LIST)即可,同时,新成员的加入或者退出,亦可由 Server 完成通知。

为了帮您更好的实现基于 Server 的解决方案,我们推荐您使用 RTCRoom 解决方案:

<h2 id="RTCROOM">RTCROOM </h2>

RTCRoom(RealTime ChatRoom)存在的意义在于封装双人或者多人音视频实现过程中需要考虑的各种细节逻辑问题,比如房间管理、状态同步,消息收发等等,让您只需要面对几个非常简单的接口,从而快速构建自己的音视频能力。

原理解读

Client

RTCRoom 的 Client 部分(小程序上的 RTCRoom 是一个叫做 rtcroom.js 的 javascript 文件) 提供了一组 API 接口:

CreateRoom 创建一个双人(或多人)视频通话房间,调用这个接口的人即为创建者。

EnterRoom

进入一个已经创建好的视频通话房间,调用这个接口的人即为参与者。

ExitRoom 退出一个视频通话房间,在我们的默认实现中,如果是创建者退出,房间将被解散,您可以根据自己的需要进行调整。

SendTxtMsg

发送文本消息,用于作为视频交流的辅助手段,通常是用来发送一些不重要的系统通知。

云豹直播小程序的限制

由于云豹直播小程序是严格遵循数据驱动的设计理念,所以不支持动态创建 <live-pusher> 和 <live-player> 对象, 因此我们还无法做到让您无需关心这两个标签而直接使用 RTCRoom,因此小程序端的 Demo 代码要比 iOS、Android 以及 Win 平台要复杂一点点。

Server

列表管理 RTCRoom 的 Server 部分是一组用于房间列表管理和成员列表管理的简单代码实现。以视频会议为例,一个公司同时可能会有多个进行中的视频会议,那么每一个会议都是一个房间,每一个房间里又有多个与会者。所以对于房间的管理和对于房间中成员的管理就是 Server 部分的工作。

云豹直播小程序事件通知

同时,Server 还有一个重要职责,就是当房间解散以及成员进出时,通过 IM 消息通道通知房间里的各个成员。由于腾讯云已经有非常成熟的 IM 通讯解决方案,所以我们直接复用腾讯云 IM 实现房间内各成员的状态通知。

心跳机制 除了音视频链路,小程序和 Server 之间最好还要加一个心跳机制,这种方式用于甄别微信是否发生了意外崩溃,您也可以使用腾讯云音视频链路的中断通知来达到同样效果,但是接入复杂性要高很多。源码下载RTCRoom 是一套开源实现,在 iOS,Android,Windows、小程序以及服务器端均有一套示例源码。其中客户端的源码主要是提供 CreateRoom、EnterRoom、ExitRoom 等进出房间的接口,而服务端源码则用于房间管理,并通过腾讯云通讯(IM)服务向房间内成员发送事件通知。操作系统下载链接源码位置小程序DOWALOAD小程序源码 zip 包中的 wxlite 文件夹服务端DOWALOAD小程序源码 zip 包中的 server 文件夹iOSDOWALOADSDK 开发包 RtcRoom.mAndroi  开发包 RtcRoom.javaWindowsDOWALOADDemo 源码中的 RTCRoom.h+RTCRoom.cpp

 

上一篇:区块链游戏是2018年最具有爆发潜力的

声明:
以上内容为云豹科技作者本人原创,未经作者本人同意,禁止转载,否则将追究相关法律责任