含 UI 集成方案

有奖征文|投稿上云技术实践,赢取价值5000元大奖> HOT

组件介绍

TUIChorus 是一个开源的音视频 UI 组件,通过在项目中集成 TUIChorus 组件,您只需要编写几行代码就可以为您的应用添加在线合唱场景,体验低延时合唱、麦位管理、收发礼物、文字聊天等 TRTC 在合唱场景下的相关能力。TUIChorus 同时支持 iOS 平台,基本功能如下图所示:
说明
TUIKit 系列组件同时使用了腾讯云 实时音视频 TRTC即时通信 IM 两个基础 PaaS 服务,开通实时音视频后会同步开通即时通信IM服务。即时通信 IM 服务详细计费规则请参见 即时通信 - 价格说明,TRTC 开通会默认关联开通 IM SDK 的体验版,仅支持100个 DAU。




组件集成

步骤一:下载并导入 TUIChorus 组件

单击进入 Github ,选择克隆/下载代码,然后拷贝 Android目录下的 Source 和 Debug 目录到您的工程中,并完成如下导入动作:
setting.gradle 中完成导入,参考如下:
include ':Source'
include ':Debug'
在 app 的 build.gradle 文件中添加对 TUIChorus 的依赖:
api project(':Source')
在根目录的build.gradle文件中添加TRTC SDKIM SDK的依赖:
ext {
liteavSdk = "com.tencent.liteav:LiteAVSDK_Professional:latest.release"
imSdk = "com.tencent.imsdk:imsdk-plus:$IMSDK_VERSION"
}

步骤二:配置权限及混淆规则

1. 在 AndroidManifest.xml 中配置 App 的权限,SDK 需要以下权限(6.0以上的 Android 系统需要动态申请麦克风、读取存储权限等):
<uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW" /> // 使用场景:悬浮窗功能需要此权限;
<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
<uses-permission android:name="android.permission.ACCESS_WIFI_STATE" />
<uses-permission android:name="android.permission.RECORD_AUDIO" />
<uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />
<uses-permission android:name="android.permission.BLUETOOTH" /> // 使用场景:使用蓝牙耳机时需要此权限;
2. 在 proguard-rules.pro 文件,将 SDK 相关类加入不混淆名单:
-keep class com.tencent.** { *; }

步骤三:初始化并登录

相关接口说明请参见 TUIChorus
// 1.初始化
TRTCChorusRoom mTRTCChorusRoom = TRTCChorusRoom.sharedInstance(this);
mTRTCChorusRoom.setDelegate(delegate);
// 2.登录
mTRTCChorusRoom.login(SDKAppID, UserID, UserSig, new TRTCChorusRoomCallback.ActionCallback() {
@Override
public void onCallback(int code, String msg) {
if (code == 0) {
//登录成功
}
}
});
参数说明
SDKAppIDTRTC 应用ID,如果您未开通腾讯云 TRTC 服务,可进入 腾讯云实时音视频控制台,创建一个新的 TRTC 应用后,单击应用信息,SDKAppID 信息如下图所示:


SecretkeyTRTC 应用密钥,和 SDKAppId 对应,进入 TRTC 应用管理 后,SecretKey 信息如上图所示。
userId:当前用户的 ID,字符串类型,长度不超过32字节,不支持使用特殊字符,建议使用英文或数字,可结合业务实际账号体系自行设置。
userSig:根据 SDKAppId、userId,Secretkey 等信息计算得到的安全保护签名,您可以单击 这里 直接在线生成一个调试的 UserSig,也可以参照我们的 TUICalling示例工程自行计算,更多信息见 如何计算及使用 UserSig

步骤四:开通推拉流服务

体验 TUIChorus 合唱场景您需要开通腾讯云推拉流服务,用于主播端推流,听众端拉流。您可参考 推拉流URL,生成自己的推拉流地址并保存,可保存为 pushUrlplayerUrl

步骤五:实现实时合唱场景

1. 主播创建房间 TUIChorus.createRoom
int roomId = "房间ID";
TRTCChorusRoomDef.RoomParam roomParam = new TRTCChorusRoomDef.RoomParam();
roomParam.roomName = "房间名称";
roomParam.needRequest = false; // 上麦是否需要房主确认
roomParam.seatCount = 2; // 房间座位数,这里一共2个座位,主播及副唱,其他人进房为听众
roomParam.mPushUrl = pushUrl; // 步骤三开通的推拉流地址
roomParam.mPlayUrl = playUrl;
roomParam.coverUrl = "房间封面图URL";
mTRTCChorusRoom.createRoom(roomId, roomParam, new TRTCChorusRoomCallback.ActionCallback() {
@Override
public void onCallback(int code, String msg) {
if (code == 0) {
//创建成功
}
}
});
2. 听众进入房间 TUIChorus.enterRoom
mTRTCChorusRoom.enterRoom(roomId, new TRTCChorusRoomCallback.ActionCallback() {
@Override
public void onCallback(int code, String msg) {
if (code == 0) {
//进房成功
}
}
});
3. 听众主动上麦成为副唱 TUIChorus.enterSeat
// 1.听众调用上麦
int seatIndex = 1;
mTRTCChorusRoom.enterSeat(seatIndex, new TRTCChorusRoomCallback.ActionCallback() {
@Override
public void onCallback(int code, String msg) {
if (code == 0) {
//上麦成功
}
}
});
// 2.收到 onSeatListChange 回调,刷新麦位列表
@Override
public void onSeatListChange(final List<TRTCChorusRoomDef.SeatInfo> seatInfoList) {
}
说明
其他关于麦位管理的相关操作,您可参考 TUIChorus接口文档 按需实现,或者可以参考我们的 TUIChorus示例工程
4. 实现音乐播放并合唱 您可以根据自己的业务获取音乐 ID 和 URL 链接播放歌曲并开始合唱,相关说明请参见 TUIChorus 音乐播放接口
//播放音乐
mTRTCChorusRoom.startPlayMusic(musicID,url);
//停止音乐
mTRTCChorusRoom.stopPlayMusic();
完成以上步骤,就可以实现合唱基本功能。如果您的业务还需要聊天、发送礼物等功能,可以接入以下能力。

步骤六:文字聊天功能(可选)

如果您需要实现主播、副唱以及听众之间文字聊天的功能,可以通过以下方法发送或接收聊天信息。 相关接口详情请参见 TRTCChorusRoom.sendRoomTextMsg
// 发送端:发送文本消息
mTRTCChorusRoom.sendRoomTextMsg("Hello Word!", new TRTCChorusRoomCallback.ActionCallback() {
@Override
public void onCallback(int code, String msg) {
if (code == 0) {
//发送成功
}
}
});
// 接收端:监听文本消息
mTRTCChorusRoom.setDelegate(new TRTCChorusRoomDelegate() {
@Override
public void onRecvRoomTextMsg(String message, TRTCChorusRoomDef.UserInfo userInfo) {
Log.d(TAG, "收到来自" + userInfo.userName + "的消息:" + message);
}
});

步骤七:礼物发送功能(可选)

如果您需要实现礼物发送和接收功能,可以通过以下方法发送或接收礼物并展示。
// 发送端:通过自定义 "IMCMD_GIFT" 来区分礼物消息
mTRTCChorusRoom.sendRoomCustomMsg("IMCMD_GIFT",date, new TRTCChorusRoomCallback.ActionCallback() {
@Override
public void onCallback(int code, String msg) {
if (code == 0) {
//发送成功
}
}
});

// 接收端:监听礼物消息
mTRTCChorusRoom.setDelegate(new TRTCChorusRoomDelegate() {
@Override
public void onRecvRoomCustomMsg(String cmd, String message, TRTCChorusRoomDef.UserInfo userInfo) {
if ("IMCMD_GIFT".equals(cmd)) {
// 收到礼物消息
Log.d(TAG, "收到来自" + userInfo.userName + "的礼物:" + message);
}
}
});

常见问题

TUIChorus 组件支持变声、变调、混响等音效功能吗?

支持,具体请参见 TUIChorus 示例工程
说明
更多帮助信息,详情请参见 TUI 场景化解决方案常见问题。欢迎加入 QQ 群:592465424,进行技术交流和反馈。
目录