- 动态与公告
- 产品简介
- 购买指南
- 新手指引
- Demo 体验
- 视频通话（含 UI）
- 多人会议（含 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）
- 组件介绍（TUILiveKit）
- 开通服务（TUILiveKit）
- 跑通 Demo（TUILiveKit）
- 快速接入（TUILiveKit）
- 界面定制（TUILiveKit）
- 房间列表（TUILiveKit）
- 关注主播（TUILiveKit）
- 主播连线（TUILiveKit）
- 主播 PK（TUILiveKit）
- 观众连麦（TUILiveKit）
- 互动弹幕（TUILiveKit）
- 互动礼物（TUILiveKit）
- 礼物特效（TUILiveKit）
- 美颜特效（TUILiveKit）
- 客户端API（TUILiveKit）
- 服务端 API（TUILiveKit）
- 错误码（TUILiveKit）
- 发布日志（TUILiveKit）
- 常见问题（TUILiveKit）
- 语音聊天室（含 UI）
- 无 UI 集成
- 高级功能
- 服务端 API
- 控制台指南
- 解决方案
- 常见问题
- 旧版文档
- 协议与策略
- TRTC 政策
- 词汇表
- 动态与公告
- 产品简介
- 购买指南
- 新手指引
- Demo 体验
- 视频通话（含 UI）
- 多人会议（含 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）
- 组件介绍（TUILiveKit）
- 开通服务（TUILiveKit）
- 跑通 Demo（TUILiveKit）
- 快速接入（TUILiveKit）
- 界面定制（TUILiveKit）
- 房间列表（TUILiveKit）
- 关注主播（TUILiveKit）
- 主播连线（TUILiveKit）
- 主播 PK（TUILiveKit）
- 观众连麦（TUILiveKit）
- 互动弹幕（TUILiveKit）
- 互动礼物（TUILiveKit）
- 礼物特效（TUILiveKit）
- 美颜特效（TUILiveKit）
- 客户端API（TUILiveKit）
- 服务端 API（TUILiveKit）
- 错误码（TUILiveKit）
- 发布日志（TUILiveKit）
- 常见问题（TUILiveKit）
- 语音聊天室（含 UI）
- 无 UI 集成
- 高级功能
- 服务端 API
- 控制台指南
- 解决方案
- 常见问题
- 旧版文档
- 协议与策略
- TRTC 政策
- 词汇表
本文将为您介绍如何快速跑通桌面端高清视频直播应用程序。跟随本文档，您将在10 分钟内开始一场直播。桌面端高清视频直播支持将各种多媒体资源合并成一路视频流，支持视频源的编辑、合成、自定义布局。
环境准备
操作系统：Windows 10+ 。
设备要求：摄像头、麦克风、扬声器。
步骤一：下载源码
cd ultra-live-electron
步骤二：配置
1. 开通服务 (TUILiveKit)，获取 SDKAppID 和 SDKSecretKey 。
2. 打开
src/debug/basic-info-config.js 文件，将 开通服务 时获取到的 SDKAppID 和 SDKSecretKey 填入其中。
步骤三：运行
在代码目录下，执行以下命令，以开发模式启动应用程序：
npm installnpm run start
开始第一场直播
1. 切换竖屏
切换竖屏开播，手机端观看效果更佳。
2. 添加摄像头
在开播前，需要先添加画面源，目前支持：摄像头、屏幕分享、窗口分享和图片，如下图是添加一个摄像头后的效果。
3. 添加 Logo 图片
如果您在直播时，需要添加自己的品牌 Logo，可以添加 Logo 图片。如下图，是添加一个背景透明的 Logo 图片后的效果，新添加的图片周围会有黄色边框，表示当前处于选中状态。处于选中状态的多媒体源，可以使用鼠标移动位置、调整大小，使用右键菜单对多媒体源进行旋转、修改显示层级等。
4. 开始直播
单击开始直播，将开启直播推流，成功开播后，开始直播按钮会变成结束直播，单击可结束直播推流。
5. 观看直播
桌面端只支持主播开播，观看需要使用手机端 App，在手机端 App 的直播列表中找到对应直播间，进入直播。
观众：浏览直播列表 | 观众：进入直播间 |
 |  |
是
否
本页内容是否解决了您的问题？