Tencent Cloud

Recent Pages

Electron

Last updated: 2024-09-04 16:24:35

This article will introduce you to how to quickly build a high-definition video live streaming application up and run on the desktop. Following this document, you will start a live broadcast in 10 minutes. Desktop high-definition video live streaming supports merging various multimedia resources into one video stream, and allows for the editing, compositing, and custom layout of multimedia sources.
﻿
﻿
﻿
﻿
Environmental Preparation
Operating System: Windows 10 or 11.
Equipment Requirements: Camera, Microphone, Speaker.
Step 1: Download the Demo
Get open source code from Github, or you can clone the code with the git command as below:
git clone https://github.com/Tencent-RTC/ultra-live-electron.git﻿
﻿
cd ultra-live-electron
Step 2: Configuration
1. ﻿Activate the TRTC service, obtain the SDKAppID and SDKSecretKey.
﻿
﻿
﻿
2. Open file src/debug/basic-info-config.js , and enter the SDKAppID and SDKSecretKey obtained when Activate the TRTC service:
﻿
﻿
﻿
Step 3: Run the demo
In the code directory, execute the following command to start the application in development mode:
npm install
﻿
npm run start
Start your first live broadcast
1. Switch to portrait mode
Switching to portrait mode for better viewing experience on mobile devices.
﻿
﻿
﻿
2. Add  a camera
Firstly, you should add some multimedia source before start live broadcast. Multimedia sources supported include: camera, image, screen and window capture.For example, the image below shows the effect after adding a camera.
﻿
﻿
﻿
3. Add your logo image
If you need to add your own brand logo during a live broadcast, you can add a logo image. As shown in the image below, this is the effect after adding a transparent background logo image. The newly added image will have a yellow border around it, indicating that it is currently selected. A selected multimedia source can be moved and resized with mouse. It can also be rotated and modify its display level by right-click menu.
﻿
﻿
﻿
4. Start a live broadcast
Click Go Live button to start a live broadcast . Once the broadcast starts successfully, the Go Live button will turn into End. Click it to end the live boradcast.
﻿
﻿
﻿
5. View the live broadcast
The desktop version only supports the host starting the broadcast. To watch, you need to use the mobile app. Find the corresponding live room in the live list on the mobile app and enter the live room. For the use of the mobile app, please refer to the documentation for iOS and Android.
Audience: explore the live list
Audience: Enter a live room
﻿
﻿
﻿
﻿
﻿
﻿