实现首次通话
适用于 HarmonyOS 的 CallPlus 可在您的应用程序中为用户之间的一对一和多人通信提供语音和视频通话能力。
CallPlus 支持 一对一通话 和 多人通话。按照下面的指南使用 ArkTS / TypeScript 从头开始实现一对一通话和多人通话。
环境要求
适用于 HarmonyOS 的 CallPlus SDK 的最低要求如下。
- DevEco Studio NEXT Release(5.0.3.900) 及以上。
- HarmonyOS SDK API 12 及以上。
- 手机(真机)系统版本号:NEXT.0.0.31
前置条件
-
注册开发者账号。注册成功后,控制台会默认自动创建您的首个应用,默认生成开发环境下的 App Key,使用国内数据中心。
-
获取开发环境的应用 App Key。如不使用默认应用,请参考 如何创建应用,并获取对应环境 App Key 和 App Secret。
注意
每个应用具有两个不同的 App Key,分别对应开发环境与生产环境,两个环境之间数据隔离。在您的应用正式上线前,可切换到使用生产环境的 App Key,以便上线前进行测试和最终发布。
-
完成开通音视频服务。您需要开通音视频通话服务。
快速上手
您可以通过集成 CallPlus for HarmonyOS 进行一对一通话,或多人通话。
步骤 1 创建项目
打开 DevEco-Studio 并创建一个新项目,选择模版。
配置 quickDemo,点击 finish
创建
步骤 2 引入 SDK
您可以使用 ohpm 安装 @rongcloud/callplus
,也可以通过下载对应的 har 文件手动导入到工程中。
自动导入
ohpm
- 找到工程目录的
oh-package.json5
文件,增加dependencies
依赖配置。
// entry 目录中的 oh-package.json5
{
"name": "entry",
"version": "1.0.0",
"description": "Please describe the basic information.",
"main": "",
"author": "",
"license": "",
"dependencies": {
"@rongcloud/rtclib": "x.y.z",
"@rongcloud/imlib": "x.y.z",
"@rongcloud/callplus": "x.y.z"
}
}
-
上一步完成后,点击
Sync Now
或者在项目当前目录打开终端,执行ohpm install
IDE 会自动对应下载好 har 包。注意
注意每个 SDK 的最新版本号可能不相同,具体版本可前往 OpenHarmony三方库中心仓 查询。
手动导入
- 在导入 SDK 前,您需要前往融云官网 SDK 下载页面,将音视频通话(无 UI)SDK 下载到 本地。
- 创建 ./libs 文件夹,将所需 SDK har 包
CallPlus.har
、RongIMLib.har
、RTCLib.har
放入其中。
命令行安装 SDK
- 在工程根路径下执行以下命令行:
ohpm install libs/CallPlus.har
- 执行完后,工程根路径的 oh-package.json5 就会依赖 SDK。
// 工程根路径下的 oh-package.json5
{
"name": "testDemo",
"version": "1.0.0",
"description": "Please describe the basic information.",
"main": "",
"author": "",
"license": "",
"dependencies": {
"@rongcloud/callplus": "file:libs/CallPlus.har", // 该配置由命令行生成
},
"devDependencies": {
"@ohos/hypium": "1.0.16",
"@ohos/hamock": "1.0.0"
}
}
entry 配置文件依赖 SDK
在 entry 同级目录的 oh-package.json5 手动配置 SDK 依赖。
// entry 同级目录下的 oh-package.json5 需要手动配置
{
"name": "testDemo",
"version": "1.0.0",
"description": "Please describe the basic information.",
"main": "",
"author": "",
"license": "",
"dependencies": {
"@rongcloud/callplus": "file:../libs/CallPlus.har", // 该配置手动依赖
"@rongcloud/imlib": "file:../libs/RongIMLib.har", // 该配置手动依赖
"@rongcloud/rtclib": "file:../libs/RTCLib.har" // 该配置手动依赖
},
"devDependencies": {
"@ohos/hypium": "1.0.16",
"@ohos/hamock": "1.0.0"
}
}
同步项目
在 entry/oh-package.json5 中点击 Sync Now 同步工程,同步成功之后即可正常使用 CallPlus SDK。
如果您同步之后依然无法导入 SDK,这可能是 DevEco Studio 的编译缓存导致的问题。您可以尝试把 DevEco Studio 完全关闭之后重新打开 APP 工程来解决问题。
步骤 3 权限配置
SDK 需要权限如下:
权限名称 | 权限说明 | 使用目的 |
---|---|---|
ohos.permission.GET_NETWORK_INFO | 获取网络信息 | 网络变化之后获取网络信息,进行 IM 重连 |
ohos.permission.INTERNET | 使用网络 | 连接 IM 、收发消息需要网络连接 |
ohos.permission.MICROPHONE | 麦克风权限 | 音频通话需要麦克风采集能力 |
ohos.permission.CAMERA | 摄像头权限 | 视频通话需要摄像头采集能力 |
- 您的用户需要授予您的应用访问设备上的权限,请在
quickDemo/entry/src/main/
目录下找到module.json5
文件,并添加requestPermissions
,以配置摄像头权限为例:
{
"requestPermissions": [
{
"name": "ohos.permission.CAMERA",
"reason": "$string:Camera",
"usedScene": {
"abilities": [
"EntryAbility",
],
"when": "always"
}
},
... // 配置其他权限
]
}
具体权限配置参数含义,请参考鸿蒙官网文档权限配置
- 配置权限时,按照规则需要考虑国际化问题,在
quickDemo/entry/src/main/resources/base/element
找到string.json
文件,对应增加配置字符变量,以配置摄像头字符变量为例:
{
"string": [
{
"name": "Camera",
"value": "Camera in RTC"
},
... // 定义其他
]
}
步骤 5 使用 App Key 初始化
CallPlus
是基于 IMLib
作为信令通道的,要在您的应用程序中集成和运行 ,您需要先对 IMLib
初始化,核心类为 IMEngine
在 UIAbility
的 onCreate()
方法中,调用初始化方法,传入生产或开发环境的 App Key。
/// 在 UIAbility 中获取 context
let context = this.context
let initOption = new InitOption();
let appKey = "从融云后台获取的 appKey"
IMEngine.getInstance().init(context, appKey, initOption)
初始化配置 InitOption
中封装了区域码 RCAreaCode
,导航服务地址 naviServer
、统计服务地址 statisticServer
,文件下载路径 mediaSavePath
。不作设置表示全部使用默认配置。SDK 默认连接北京数据中心。
注意
每个融云应用提供开发环境与生产环境,分别使用不同的 App Key,两个环境之间数据隔离。只要客户端应用使用同一个环境的 App Key,用户可以跨所有平台相互通信。
步骤 6 添加通话所需代理
CallPlus for HarmonyOS 提供了 ICallPlusEventListener
监听来处理通话相关事件。
注意
如果未设置
ICallPlusEventListener
代理,则用户无法接收onReceivedCall
回调事件。请务必在下文连接(connectWithToken
)步骤之前使用setCallEventDelegate
注册监听,否则用户在未连接的情况下,通过离线推送打开应用连接 IM 后无法收到通话。
初始化 callPlus 并设置 ICallPlusEventListener
监听
/**
* 初始化 callPlus
* @param isPubTiny 是否发布视频小流
*/
RCCallPlusClient.getInstance().init({
isPubTiny: false,
});
/**
* 设置事件代理
* @description 多次调用,后面设置会覆盖前面设置的通话事件监听
* @param listener 类型为 ICallPlusEventListener,详细定义可参考 apiDoc
*/
RCCallPlusClient.getInstance().setCallPlusEventListener({
/**
* 呼入通知
* 收到呼入时,可选择接听或挂断通话
* @param session 通话实例
* @param extra 透传呼叫方发起呼叫时 携带的附加信息
*/
onReceivedCall: (session: RCCallPlusSession, extra?: string): void => {
const callId = session.getCallId();
const syncData = session.getSyncData();
const isSecret = session.isSecret();
console.log('呼入通知', callId, extra, syncData, isSecret);
},
/**
* 通话已建立,sdk 内部会发布音视频资源
*/
onCallConnected: (session: RCCallPlusSession): void => {
const callId = session.getCallId();
console.log('本端加入通话', callId);
},
/**
* 通话结束(群组通话时,客户端挂断不代表通话结束)
* @param session 通话实例
* @param reason 通话结束原因
*/
onCallEnded: (session: RCCallPlusSession, reason: RCCallPlusReason): void => {
console.log('通话结束', session.getCallId(), reason);
},
/**
* 收到通话结束的消息记录,可用于在 IM 聊天界面插入通话结束消息
* 仅单聊可收到
* 触发时机:
* 1.单聊在线通话结束后
* 2.离线时收到单聊呼叫,通话结束后,重新连接 IM 在线时
* @param message 通话记录的消息体
*/
onReceivedCallPlusSummaryMessage(message: Message) {
console.log('收到 Call Plus summary message', JSON.stringify(message));
},
/**
* 收到远端人员被邀请加入通话通知
* @param inviteeUserList 被邀请人员列表
* @param inviterUserId 邀请人员 ID
* @param callId 通话 ID
*/
onRemoteUserInvited: (inviteeUserList: string[], inviterUserId: string, callId: string): void => {
console.log('收到远端人员被邀请加入通话通知', inviteeUserList, inviterUserId, callId);
},
/**
* 远端用户的音视频首帧渲染
* @param userId 远端用户 ID
* @param mediaType 媒体类型
*/
onFirstFrame: (userId: string, mediaType: RCCallPlusMediaType): void => {
console.log(`${userId}的 ${(mediaType === RCCallPlusMediaType.AUDIO) ? '音频' : '视频'}可渲染`);
}
})
步骤 7 获取用户 Token
用户身份令牌(Token)与用户 ID 对应,是应用程序用户在融云的唯一身份标识。应用客户端在使用融云服务前必须与融云建立 IM 连接,连接时必须传入 Token。
在体验和调试阶段,我们将使用控制台「北极星」开发者工具箱,从 API 调试页面调用 获取 Token 接口,获取到 userId 为 1 的用户的 Token。提交后,可在返回正文中取得 Token 字符串。
HTTP/1.1 200 OK
Content-Type: application/json; charset=utf-8
{"code":200,"userId":"1","token":"gxld6GHx3t1eDxof1qtxxYrQcjkbhl1V@sgyu.cn.example.com;sgyu.cn.example.com"}
融云的客户端 SDK 不提供获取 token 的 API。在实际业务运行过程中,调用融云 Server API
/user/getToken.json
,传入您的应用分配的用户标识(userId)申请 Token。详见 Server API 文档 注册用户。
步骤 8 连接融云服务器
要拨打和接听一对一对呼叫或开始多人呼叫,必须先通过 IMEngine
的 connect
方法连接融云服务器,传入用户身份令牌(Token),向融云服务器验证用户身份。
获取 Token 以后,可以调用 connectWithToken
方法连接到融云服务器。
// 连接 IM
IMEngine.getInstance().connect(token, 20).then(result => {
if (EngineError.Success === result.code) {
// 连接成功
let userId = result.userId;
return
}
if (EngineError.ConnectTokenExpired === result.code) {
// Token 过期,从 APP 服务请求新 token,获取到新 token 后重新 connect()
} else if (EngineError.ConnectionTimeout === result.code) {
// 连接超时,弹出提示,可以引导用户等待网络正常的时候再次点击进行连接
} else {
//其它业务错误码,请根据相应的错误码作出对应处理。
}
});
进行一对一通话
CallPlus for HarmonyOS SDK 提供了仅限两位用户通话的一对一通 话类型 RCCallPlusType.SINGLE
。发起一对一类型通话时,只允许传入一个被叫用户 ID,仅在被叫接听成功后才会建立通话。融云会在被叫接听成功后开始计时。
本节中将简单介绍如何发起一对一通话,如何接收来电,以及通话接通后双方通话界面如何显示。
步骤 9 发起呼叫
使用 RCCallPlusClient
的 startCallWithParams
方法发起一对一通话。方法调用后,SDK 内部会以异步方式执行。在主叫与被叫端触发以下回调:
- 本地主叫用户通过
startCallWithParams
的返回值Promise
来获取方法的执行结果。 - 远端被叫用户通过
ICallPlusEventListener
的onReceivedCall
回调获取来电通知。
/**
* 发起呼叫
*/
RCCallPlusClient.getInstance().startCallWithParams({
userIds: ['userId1'],
mediaType: RCCallPlusMediaType.AUDIO,
extra: 'extra',
syncData: 'syncData'
}).then((result) => {
if (result.code === RCCallPlusCode.SUCCESS) {
console.log('发起通话成功');
} else {
console.log('发起通话失败', result.code);
}
});
步骤 10 接听
被呼叫端通过监听 onReceivedCall
方法接收通话,记录 callId
然后使用 accept
方法接听来电。
/**
* 接听通话
*/
RCCallPlusClient.getInstance().accept(callId).then((result) => {
if (result.code === RCCallPlusCode.SUCCESS) {
console.log('接听成功');
} else {
console.log('接听失败', result.code);
}
});
应用未启动,被叫方通过远程通知接收来电。点击收到的推送通知后启动 App,在设置
ICallPlusEventListener
代理并连接 IM 成功后,还是通过onReceivedCall
接收到通话。
进行多人通话
CallPlus for HarmonyOS SDK 提供了支持多人呼叫的通话类型 RCCallPlusType.MULTI
。发起多人通话与一对一通话使用相同的方法,多人通话一旦发起成功,融云即开始计时计费。
下文仅描述了发起多人通话的方法。在实际项目中,我们建议您先按照一对一通话 实现完整的通话流程,再按照多人通话补充实现与一对一通话有差异的步骤。
在一对一通话过程中可以邀请用户加入通话。一旦邀请成功,通话类型会自动转为多人通话。详见多人通话。
步骤 11 发起多人通话
使用 startCallWithParams
方法,callType
参数必须为 RCCallPlusType.MULTI
多人通话类型。
/**
* 发起呼叫时,参数 type 需指定为 RCCallPlusType.MULTI
*/
RCCallPlusClient.getInstance().startCallWithParams({
userIds: ['userId1', 'userId2'],
type: RCCallPlusType.MULTI,
mediaType: RCCallPlusMediaType.AUDIO,
extra: 'extra',
syncData: 'syncData'
}).then((result) => {
if (result.code === RCCallPlusCode.SUCCESS) {
console.log('发起通话成功');
} else {
console.log('发起通话失败', result.code);
}
});
注意
有关在您的应用程序中构建语音和视频通话功能的详细指南,请参阅完整的 一对一通话和多人通话 文档。我们建议您先按照一对一通话实现完整的通话流程,再按照多人通话补充实现与一对一通话有差异的步骤。