腾讯云集成 TUIRoom (iOS) – 腾讯云教程

2022年 10月 24日 发表评论
腾讯云正在大促:点击直达 阿里云超级红包:点击领取
免费/便宜/高性价比服务器汇总入口(已更新):点击这里了解
TUIRoom 是一个开源的音视频 UI 组件,通过在项目中集成 TUIRoom 组件,您只需要编写几行代码就可以为您的 App 添加屏幕分享、美颜、低延时视频通话等。TUIRoom 同时支持 Android、Windows,Mac 等平台

<h2 组件介绍

TUIRoom 是一个开源的音视频 UI 组件,通过在项目中集成 TUIRoom 组件,您只需要编写几行代码就可以为您的 App 添加屏幕分享、美颜、低延时视频通话等。TUIRoom 同时支持 Android、Windows,Mac 等平台,基本功能如下图所示:

腾讯云集成 TUIRoom (iOS) – 腾讯云教程 腾讯云集成 TUIRoom (iOS) – 腾讯云教程 腾讯云集成 TUIRoom (iOS) – 腾讯云教程

<h2 组件集成

<h3 步骤一:导入 TUIRoom 组件

通过 cocoapods 导入组件,具体步骤如下:

  1. 在您的工程 Podfile 文件同一级目录下创建 TUIRoom 文件夹。
  2. 单击进入 Github/TUIRoom ,选择克隆/下载代码,然后将 TUIRoom/iOS/ 目录下的 SourceResourcesTUIBeautyTXAppBasic文件夹 和 TUIRoom.podspec 文件拷贝到您在 步骤1 创建的 TUIRoom 文件夹下。
  3. 在您的 Podfile 文件中添加以下依赖,之后执行 pod install 命令,完成导入。
    # :path => "指向TUIRoom.podspec的相对路径" pod 'TUIRoom', :path => "./TUIRoom/TUIRoom.podspec", :subspecs => ["TRTC"] # :path => "指向TXAppBasic.podspec的相对路径" pod 'TXAppBasic', :path => "./TUIRoom/TXAppBasic/" # :path => "指向TUIBeauty.podspec的相对路径" pod 'TUIBeauty', :path => "./TUIRoom/TUIBeauty/"

注意:

SourceResources 文件夹 和TUIRoom.podspec文件必需在同一目录下。

  • TXAppBasic.podspec 在 TXAppBasic 文件夹下。
  • TUIBeauty.podspec 在 TCBeautyKit 文件夹下。

<h3 步骤二:配置权限

使用音视频功能,需要授权麦克风和摄像头的使用权限。在 App 的 Info.plist 中添加以下两项,分别对应麦克风和摄像头在系统弹出授权对话框时的提示信息。

<key>NSCameraUsageDescription</key> <string>RoomApp需要访问您的相机权限,开启后录制的视频才会有画面</string> <key>NSMicrophoneUsageDescription</key> <string>RoomApp需要访问您的麦克风权限,开启后录制的视频才会有声音</string>

腾讯云集成 TUIRoom (iOS) – 腾讯云教程

<h3 步骤三:创建并初始化 TUI 组件库

  • Objective-C
  • Swift
@import TUIRoom;
@import TUICore;

// 1.组件登录
[TUILogin login:@"您的SDKAppID" userID:@"您的UserID" userSig:@"您的UserSig" succ:^{

} fail:^(int code, NSString *msg) {

}];
// 2.初始化TUIRoom实例
TUIRoom *tuiRoom = [TUIRoom sharedInstance];
import TUIRoom
import TUICore

// 1.组件登录
TUILogin.login("您的SDKAppID", userID: "您的UserID", userSig: "您的UserSig") {

} fail: { code, msg in

}

// 2.初始化TUIRoom实例
let tuiRoom = TUIRoom.sharedInstance

参数说明

  • SDKAppIDTRTC 应用ID,如果您未开通腾讯云 TRTC 服务,可进入 腾讯云实时音视频控制台,创建一个新的 TRTC 应用后,单击应用信息,SDKAppID 信息如下图所示:
    腾讯云集成 TUIRoom (iOS) – 腾讯云教程
  • SecretKeyTRTC 应用密钥,和 SDKAppID 对应,进入 TRTC 应用管理 后,SecretKey 信息如上图所示。
  • UserID:当前用户的 ID,字符串类型,长度不超过32字节,不支持使用特殊字符,建议使用英文或数字,可结合业务实际账号体系自行设置。
  • UserSig:根据 SDKAppId、UserID,SecretKey 等信息计算得到的安全保护签名,您可以单击 这里 直接在线生成一个调试的 UserSig,也可以参照我们的 TUIRoom示例工程 自行计算,更多信息见 如何计算及使用 UserSig。

<h3 步骤四:实现多人音视频互动

  1. 实现房主创建多人音视频互动房间
    • Objective-C
    • Swift
    @import TUIRoom;

    [tuiRoom createRoomWithRoomId:@"您的RoomId" speechMode:TUIRoomFreeSpeech isOpenCamera:YES isOpenMicrophone:YES];
    import TUIRoom

    tuiRoom.createRoom(roomId: "您的RoomId", speechMode: .freeSpeech, isOpenCamera: true, isOpenMicrophone: true)
  2. 实现其他成员加入音视频房间
    • Objective-C
    • Swift
    @import TUIRoom;

    [tuiRoom enterRoomWithRoomId:@"对方的RoomId" isOpenCamera:YES isOpenMicrophone:YES]
    import TUIRoom

    tuiRoom.enterRoom(roomId: "对方的RoomId", isOpenCamera: true, isOpenMicrophone: true)

<h3 步骤五:房间管理(可选)

  1. 房主解散房间 TUIRoomCore#destroyRoom
    • Objective-C
    • Swift
    @import TUIRoom;

    [[TUIRoomCore shareInstance] destroyRoom:^(NSInteger code, NSString * _Nonnull message) {

    }];
    import TUIRoom

    TUIRoomCore.shareInstance().destroyRoom { [weak self] _, _ in
    guard let self = self else { return }
    self.navigationController?.popViewController(animated: true)
    }
  2. 成员离开房间 TUIRoomCore#leaveRoom
    • Objective-C
    • Swift
    @import TUIRoom;

    [[TUIRoomCore shareInstance] leaveRoom:^(NSInteger code, NSString * _Nonnull message) {

    }];
    import TUIRoom

    TUIRoomCore.shareInstance().leaveRoom { [weak self] _, _ in
    guard let self = self else { return }
    self.navigationController?.popViewController(animated: true)
    }

<h3 步骤六:屏幕分享(可选)

实现屏幕分享 TUIRoomCore#startScreenCapture。屏幕分享工程配置请参见 实时屏幕分享(iOS)。

  • Objective-C
  • Swift
@import TUIRoom;
@import TXLiteAVSDK_Professional;

TRTCVideoEncParam *params = [[TRTCVideoEncParam alloc] init];
params.videoResolution = TRTCVideoResolution_1280_720;
params.resMode = TRTCVideoResolutionModePortrait;
params.videoFps = 10;
params.enableAdjustRes = NO;
params.videoBitrate = 1500;

[[TUIRoomCore shareInstance] startScreenCapture:param];
import TUIRoom

// 屏幕分享
let params = TRTCVideoEncParam()
params.videoResolution = TRTCVideoResolution._1280_720
params.resMode = TRTCVideoResolutionMode.portrait
params.videoFps = 10
params.enableAdjustRes = false
params.videoBitrate = 1500
TUIRoomCore.shareInstance().startScreenCapture(params)

<h2 常见问题

<h3 CocoaPods 如何安装?

在终端窗口中输入如下命令(需要提前在 Mac 中安装 Ruby 环境):

sudo gem install cocoapods

更多帮助信息,详情请参见 TUI 场景化解决方案常见问题。欢迎加入 QQ 群:592465424,进行技术交流和反馈。

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: