tencent cloud

直播 SDK

动态与公告
TUILiveKit 产品动态
云直播推拉流 SDK 产品动态
新手指引
产品简介
产品概述
产品优势
性能数据
基本概念
购买指南
TRTC Live 价格总览
Live 视频直播计费说明
开通服务(TUILiveKit)
Demo 体验
Demo 体验指引
跑通 Demo(TUILiveKit)
接入指南
视频直播
准备工作
主播开播
观众观看
直播列表
语聊房
准备工作
主播开播
观众观看
直播列表
推流助手
推流助手(Electron 桌面应用)
推流助手(Web 桌面浏览器)
直播监播
监播页面(Web 桌面浏览器 React 版)
监播页面(Web 桌面浏览器 Vue 版)
UI 自定义
直播视频组件
视频源编辑组件
观众列表组件
聊天弹幕组件
媒体源配置面板
连麦管理面板
直播送礼组件
无 UI 集成
搭建视频直播
搭建语聊房
功能指南
关注主播(TUILiveKit)
至臻画质(TUILiveKit)
输入媒体流进房(TUILiveKit)
礼物系统(TUILiveKit)
客户端 API
Android
iOS
Web
服务端 API(TUILiveKit)
账号系统
REST API
第三方回调
错误码(TUILiveKit)
常见问题
平台编译
用户鉴权
云直播推拉流 SDK
产品简介
购买指南
Demo 体验
免费测试
SDK 下载
License 管理
高级功能
客户端 API
常见问题
无 UI 集成方案
API 文档
OSS information
OSS Attribution Notice

跑通 Demo

聚焦模式
字号
最后更新时间: 2026-01-14 20:01:54
本文对 Electron 直播推流助手 Demo 如何进行快速跑通进行了详细的介绍。只需简单几步,您就能快速启动一个功能强大的桌面端高清视频直播软件。它不仅支持摄像头、屏幕、窗口和图片等多种媒体源高效混合,还提供灵活的排版、编辑和图像合成功能,让您的直播内容更具专业水准。


步骤1:环境准备

在进行 Demo 跑通之前,您需要参见 准备工作,满足相关环境配置及开通对应服务。
注意:
本 Demo 目前仅支持 Windows 10+ 的操作系统运行,请确保您的操作系统符合本要求。

步骤2:下载 Demo

1. 从 GitHub 下载 推流助手项目源码,或者直接在命令行运行以下命令:
git clone https://github.com/Tencent-RTC/ultra-live-electron.git
2. 安装依赖
cd ultra-live-electron

npm install

步骤3:配置 Demo

您需要参见步骤1中的 准备工作,在 Demo 中打开 ultra-live-electron/src/debug/basic-info-config.js 文件,输入准备工作中激活服务时获得的 SDKAppIDSDKSecretKey


步骤4:开始您的第一场直播

通过如下命令运行当前工程
npm run start
运行 Demo 后,您可以通过如下步骤丰富您的直播内容,开启您的第一场直播内容。
1. 添加视频源:在开播前,您需要添加直播画面源。该应用目前支持:摄像头、屏幕分享、窗口分享和图片。点击界面左侧添加按钮,选择您需要添加的视频源。
2. 调整画面布局:通过鼠标拖拽移动和调整视频源的大小,选中视频源(出现黄色边框)后,右键单击可弹出快捷菜单,进行旋转或调整显示层级
3. 开始推流:点击界面上的 “开始直播” 按钮。按钮变为 “结束直播” 时,说明已成功开启直播推流。

说明:
至此,您已完成了完整的直播推流助手跑通流程,可以随时开启您的直播。另外,该桌面端软件仅支持推流,若您需要观看直播,请使用手机端 App 或者 Web 浏览器,您需要运行 iOS、Android 或者 Web 端的 TUILiveKit,在直播列表中找到并进入您创建的直播间即可。您可以参考如下文档链接至观看页面进行集成。
平台
文档链接
Web


帮助和支持

本页内容是否解决了您的问题?

填写满意度调查问卷,共创更好文档体验。

文档反馈