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.
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:
npminstall
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.
