跑通 Demo

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


快速体验

您可以直接通过以下方式体验 Live 的各项功能。


前提条件

开通服务

请参考 开通服务申请 TUILiveKit 体验版,并在 应用管理 页面获取以下信息:
SDKAppID:应用标识(必填),腾讯云基于 sdkAppId 完成计费统计。
SDKSecretKey:应用密钥,用于初始化配置文件的密钥信息。

环境准备

Node.js:≥ 18.19.1 (推荐使用官方 LTS 版本)。
Vue:≥ 3.4.21。
现代浏览器:支持 WebRTC APIs 的现代浏览器。
设备:摄像头、麦克风、扬声器。
操作系统:目前仅支持 Windows 10+ 操作系统。

操作步骤

获取 Demo

注意:
本 Demo 目前仅支持 Windows 10+ 的操作系统运行,请确保您的操作系统符合本要求。
1. 从 GitHub 下载 推流助手项目源码,或者直接在命令行运行以下命令:
git clone https://github.com/Tencent-RTC/ultra-live-electron.git
2. 安装依赖,运行命令如下:
cd ultra-live-electron

npm install

配置 Demo

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


编译并运行 Demo

通过如下命令运行当前工程。
npm run start

体验基础功能

开始您的第一场直播

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


下一步

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

常见问题

进房后报错,错误码为“-3301”,报错信息“Services are not available in your region.”

如果您收到该错误码信息,请联系我们获取支持。

若您在运行时遇到下图所示报错内容,请使用 Windows 10+ 操作系统进行跑通项目。



联系我们

如果您在接入或使用过程中有任何疑问或者建议,欢迎加入 Telegram 技术交流群组,或联系我们获取支持。