- 动态与公告
- 产品简介
- 购买指南
- 新手指引
- Demo 体验
- 视频通话（含 UI）
- 组件介绍（TUICallKit）
- 开通服务（TUICallKit）
- 跑通 Demo（TUICallKit）
- 快速接入（TUICallKit）
- Chat 集成通话能力（TUICallKit）
- 界面定制（TUICallKit）
- 离线唤醒（TUICallKit）
- AI 降噪（TUICallKit）
- 虚拟背景（TUICallKit）
- 会话聊天（TUICallKit）
- 云端录制（TUICallKit）
- 更多特性（TUICallKit）
- 解决方案（TUICallKit）
- 服务端 API（TUICallKit）
- 客户端 API（TUICallKit）
- 错误码表（TUICallkit）
- 发布日志（TUICallKit）
- 常见问题（TUICallKit）
- 多人会议（含 UI）
- 组件介绍（TUIRoomKit）
- 开通服务（TUIRoomKit）
- 跑通 Demo（TUIRoomKit）
- 快速接入（TUIRoomKit）
- 预定会议（TUIRoomKit）
- 会中呼叫（TUIRoomKit）
- 界面定制（TUIRoomKit）
- 虚拟背景（TUIRoomKit）
- 会议控制（TUIRoomKit）
- 云端录制（TUIRoomKit）
- AI 降噪（TUIRoomKit）
- 会中聊天（TUIRoomKit）
- 机器人推流（TUIRoomKit）
- 更多特性（TUIRoomKit）
- 客户端 API（TUIRoomKit）
- 服务端 API（TUIRoomKit）
- 常见问题（TUIRoomKit）
- 错误码 (TUIRoomKit)
- SDK更新日志（TUIRoomKit）
- 在线直播（含 UI）
- Live 视频直播计费说明
- 组件介绍（TUILiveKit）
- 开通服务（TUILiveKit）
- 跑通 Demo（TUILiveKit）
- 快速接入（TUILiveKit）
- 界面定制（TUILiveKit）
- 开播和观看（TUILiveKit）
- 房间列表（TUILiveKit）
- 关注主播（TUILiveKit）
- 主播连线（TUILiveKit）
- 主播 PK（TUILiveKit）
- 观众连麦（TUILiveKit）
- 互动弹幕（TUILiveKit）
- 互动礼物（TUILiveKit）
- 礼物特效（TUILiveKit）
- 美颜特效（TUILiveKit）
- 悬浮窗（TUILiveKit）
- 客户端API（TUILiveKit）
- 服务端 API（TUILiveKit）
- 错误码（TUILiveKit）
- 发布日志（TUILiveKit）
- 常见问题（TUILiveKit）
- 语音聊天室（含 UI）
- 无 UI 集成
- 高级功能
- 服务端 API
- 控制台指南
- 解决方案
- 常见问题
- 旧版文档
- 协议与策略
- TRTC 政策
- 词汇表
- 动态与公告
- 产品简介
- 购买指南
- 新手指引
- Demo 体验
- 视频通话（含 UI）
- 组件介绍（TUICallKit）
- 开通服务（TUICallKit）
- 跑通 Demo（TUICallKit）
- 快速接入（TUICallKit）
- Chat 集成通话能力（TUICallKit）
- 界面定制（TUICallKit）
- 离线唤醒（TUICallKit）
- AI 降噪（TUICallKit）
- 虚拟背景（TUICallKit）
- 会话聊天（TUICallKit）
- 云端录制（TUICallKit）
- 更多特性（TUICallKit）
- 解决方案（TUICallKit）
- 服务端 API（TUICallKit）
- 客户端 API（TUICallKit）
- 错误码表（TUICallkit）
- 发布日志（TUICallKit）
- 常见问题（TUICallKit）
- 多人会议（含 UI）
- 组件介绍（TUIRoomKit）
- 开通服务（TUIRoomKit）
- 跑通 Demo（TUIRoomKit）
- 快速接入（TUIRoomKit）
- 预定会议（TUIRoomKit）
- 会中呼叫（TUIRoomKit）
- 界面定制（TUIRoomKit）
- 虚拟背景（TUIRoomKit）
- 会议控制（TUIRoomKit）
- 云端录制（TUIRoomKit）
- AI 降噪（TUIRoomKit）
- 会中聊天（TUIRoomKit）
- 机器人推流（TUIRoomKit）
- 更多特性（TUIRoomKit）
- 客户端 API（TUIRoomKit）
- 服务端 API（TUIRoomKit）
- 常见问题（TUIRoomKit）
- 错误码 (TUIRoomKit)
- SDK更新日志（TUIRoomKit）
- 在线直播（含 UI）
- Live 视频直播计费说明
- 组件介绍（TUILiveKit）
- 开通服务（TUILiveKit）
- 跑通 Demo（TUILiveKit）
- 快速接入（TUILiveKit）
- 界面定制（TUILiveKit）
- 开播和观看（TUILiveKit）
- 房间列表（TUILiveKit）
- 关注主播（TUILiveKit）
- 主播连线（TUILiveKit）
- 主播 PK（TUILiveKit）
- 观众连麦（TUILiveKit）
- 互动弹幕（TUILiveKit）
- 互动礼物（TUILiveKit）
- 礼物特效（TUILiveKit）
- 美颜特效（TUILiveKit）
- 悬浮窗（TUILiveKit）
- 客户端API（TUILiveKit）
- 服务端 API（TUILiveKit）
- 错误码（TUILiveKit）
- 发布日志（TUILiveKit）
- 常见问题（TUILiveKit）
- 语音聊天室（含 UI）
- 无 UI 集成
- 高级功能
- 服务端 API
- 控制台指南
- 解决方案
- 常见问题
- 旧版文档
- 协议与策略
- TRTC 政策
- 词汇表
本文档主要介绍如何使用视频直播核心组件
LiveStreamCore 模块的 LiveCoreView 实现自定义连麦和连线视图。前提条件
使用指引
步骤1：将 LiveCoreView 添加到视图上
您需要先导入
LiveStreamCore 模块，然后创建一个 LiveCoreView 视图对象，并将其添加到自己的视图上。importLiveStreamCoreimportRTCRoomEngineclass CustomizeConncetionController: UIViewController {private let liveCoreView: LiveCoreView = {let view = LiveCoreView()return view}()override func viewDidLoad() {super.viewDidLoad()self.liveCoreView.videoViewDelegate = self// 将 liveCoreView 添加到视图上，同时设置好布局约束}}
public class CustomizeConnectionActivity extends AppCompatActivity {@Overrideprotected void onCreate(@Nullable Bundle savedInstanceState) {super.onCreate(savedInstanceState);LiveCoreView liveCoreView = new LiveCoreView(this);addContentView(liveCoreView,new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT));}}
步骤2：自定义连麦视图
若您想自定义连麦和连线视图，需要实现
LiveCoreView 的 代理 VideoViewDelegate。protocol VideoViewDelegate {func createCoGuestView(userInfo: TUIUserInfo) -> UIView?func updateCoGuestView(userInfo: TUIUserInfo, modifyFlag: UserInfoModifyFlag, coGuestView: UIView)func createCoHostView(coHostUser: TUIConnectionUser) -> UIView?func updateCoHostView(coHostUser: TUIConnectionUser, modifyFlag: UserInfoModifyFlag, coHostView: UIView)}
以下为使用示例：
extension CustomizeSeatViewController:SGSeatViewDelegate{func createCoGuestView(userInfo: TUIUserInfo) -> UIView? {return CustomCoGuestView(userInfo: userInfo)}func updateCoGuestView(userInfo: TUIUserInfo, modifyFlag: UserInfoModifyFlag, coGuestView: UIView) {if let coGuestView = coGuestView as? CustomCoGuestView {coGuestView.updateView(withUserInfo: userInfo)}}func createCoHostView(coHostUser: TUIConnectionUser) -> UIView? {return CustomCoHostView(coHostUser: coHostUser)}func updateCoHostView(coHostUser: TUIConnectionUser, modifyFlag: UserInfoModifyFlag, coHostView: UIView)if let coHostiew = coHostiew as? CustomCoGuestView {coHostiew.updateView(withUser: coHostUser)}}}// 请替换成您的 CoGuestViewclass CustomCoGuestView: UIView {var userInfo: TUIUserInfo = TUIUserInfo()// ... UIinit(userInfo: TUIUserInfo) {self.userInfo = userInfo}required init?(coder: NSCoder) {fatalError("init(coder:) has not been implemented")}func updateView(withUserInfo userInfo: TUIUserInfo) {self.userInfo = userInfo// ...}}// 请替换成您的 CoHostViewclass CustomCoHostView: UIView {var coHostUser: TUIConnectionUser = TUIConnectionUser()// ... UIinit(coHostUser: TUIConnectionUser) {self.coHostUser = coHostUser}required init?(coder: NSCoder) {fatalError("init(coder:) has not been implemented")}func updateView(withUser user: TUIConnectionUser) {self.coHostUser = user// ...}}
若您想自定义连麦和连线视图，需要实现
LiveCoreView 的 适配器 VideoViewAdapter。public interface VideoViewAdapter {View createCoGuestView(TUIRoomDefine.UserInfo var1);void updateCoGuestView(TUIRoomDefine.UserInfo var1, List<UserInfoModifyFlag> var2, View var3);View createCoHostView(CoHostUser var1);void updateCoHostView(CoHostUser var1, List<UserInfoModifyFlag> var2, View var3);}
以下为使用示例：
liveCoreView.setVideoViewAdapter(new LiveCoreViewDefine.VideoViewAdapter() {@Overridepublic View createCoGuestView(TUIRoomDefine.UserInfo userInfo) {TextView coGuestUserName = new TextView(CustomizeConnectionActivity.this);coGuestUserName.setText(userInfo.userName);return coGuestUserName;}@Overridepublic void updateCoGuestView(TUIRoomDefine.UserInfo userInfo, List<LiveCoreViewDefine.UserInfoModifyFlag> list, View view) {}@Overridepublic View createCoHostView(LiveCoreViewDefine.CoHostUser coHostUser) {TextView coHostUserName = new TextView(CustomizeConnectionActivity.this);coHostUserName.setText(coHostUser.connectionUser.userName);return coHostUserName;}@Overridepublic void updateCoHostView(LiveCoreViewDefine.CoHostUser coHostUser, List<LiveCoreViewDefine.UserInfoModifyFlag> list, View view) {}});
是
否
本页内容是否解决了您的问题？