Android uni-app实现音视频通话

原创

于 2020-12-24 10:45:37 发布 · 7.4k 阅读

79 ·

CC 4.0 BY-SA版权

文章标签：

#uni-app #webrtc #android #ios #app

本文介绍了如何将anyRTC的RTC功能封装到uni-app中，实现音视频通话应用。详细步骤包括插件集成、事件回调、实例创建、角色设置、加入与离开频道以及相关接口的使用。提供了实际效果截图和GitHub下载链接，便于读者实践。

前言

上一篇讲解了怎么实现Android uni-app封装原生插件，这篇讲解一下，把anyRTC的RTC（音视频通讯）封装uni-app 实现音视频通话。

不了解anyRTC的小伙伴，可以点击下面链接：

开发者官网

1.效果图

先上图，后讲解！

1.1 首页

1.2 游客界面

1.3 主播界面

2.GitHub地址

uni-app demo: 点击下载

3.demo下载：

下载地址：点击下载

扫码下载：

4.代码

4.1 集成插件

const RtcModule = uni.requireNativePlugin('AR-RtcModule');

AR-RtcModule：插件名称，首页集成插件

4.2 初始事件回调

//callback 接收
callbackFn() {
   
   
	RtcModule.setCallBack((res) => {
   
   
		switch (res.engineEvent) {
   
   
			case "onWarning":
				this.promptFn("warn", res.warningCode);
				break;
			case "onError":
				res.errorCode != 18 ? this.promptFn("error", res.errorCode) : '';
				break;
			case "onJoinChannelSuccess": //用户加入成功
				uni.hideLoading();
				this.role