Help Center/ MetaStudio/ User Guide/ Livestreaming/ Configuring Livestreaming Materials

Updated on 2025-08-25 GMT+08:00

View PDF

Configuring Livestreaming Materials

On the Virtual Avatar Livestreaming page, you can add livestreaming materials such as roles, backgrounds, overlays, videos, products, and text. This section describes the operation procedure of each material type.

Roles

Figure 1 shows the Roles area.

Figure 1 Roles

Table 1 describes the Roles area.

**Table 1** GUI elements
GUI Element	Description
Customizing virtual avatars	Click Customize Virtual Avatar to go to the avatar creation page. See Creating a Virtual Avatar Customization Task.
	By default, two columns of virtual avatars are displayed in the Roles area. After you click , only one column is displayed. You can click to display two columns.
	Keyword search box. You can enter a virtual avatar name for precise search. Example: yun lan
	Icon of refreshing. If there are keywords, the virtual avatar display is refreshed based on the keywords. If no, the default display will be used.
Filter criteria	You can filter and display virtual avatars by role, gender, posture, field, region, and resolution.
List of virtual avatars	By default, all virtual avatars are displayed. Click a virtual avatar image. The image will be automatically applied to all scenes in the livestream. In the live video preview area, you can perform the following operations on the virtual avatar: Bring Forward (), Send Backward (), Bring to Front (), Send to Back (), Apply Everywhere (), and Delete (). You can also set the size of the overlays and drag them to change their positions.
	If you move the pointer over an avatar, will be displayed in the upper right corner of the avatar. Click the icon to apply the virtual avatar to all scenes of the current livestream.

Backgrounds

Figure 2 shows the Backgrounds area. An uploaded background image cannot be modified. You can modify it only on the local PC and then upload the new one to the console.

Figure 2 Backgrounds

Table 2 describes the Backgrounds area.

**Table 2** GUI elements
GUI Element	Description
Importing locally	Click Import Locally to upload a PNG, JPG, or JPEG image with a resolution level of 4K or below. You can also drag an image from the PC to the image list area for upload.
	By default, two columns of images are displayed in the Backgrounds area. After you click , only one column is displayed. You can click to display two columns.
	You can enter an image name in the search box for an exact search. Example: Technology
Filter criteria	Images can be filtered and displayed by background, style, and layout.
Image list	By default, all images are displayed. Select a scene and click an image to replace the background of the scene.
	If you move the pointer over an image, will be displayed in the upper right corner of the image. Click the icon to use the image as the background of all scenes.

Overlays

Figure 3 shows the Overlays area.

An uploaded image overlay cannot be modified. You can modify it only on your local device and then upload the new one to the console.
If a GIF is overlaid, you can preview the animation.

Figure 3 Overlays

Table 3 describes the Overlays area.

**Table 3** GUI elements
GUI Element	Description
Importing locally	Click Import Locally to upload a PNG, JPG, JPEG, or BMP image. You can also drag an image from the PC to the image list area for upload.
	By default, two columns of images are displayed in the Overlays area. After you click , only one column is displayed. You can click to display two columns.
	You can enter an image name in the search box for an exact search. Example: tips
Filter criteria	Images can be filtered and displayed by My or Preset.
Image list	By default, all images are displayed.
Viewing an image overlay	If you move the pointer over an image, will be displayed in the upper right corner of the image. Click the icon to zoom in.
Overlaying an image	If you move the pointer over an image, will be displayed in the upper right corner of the image. Click the icon to overlay the image on the live video. In the live video preview area, you can perform the following operations on image overlays: Bring Forward (), Send Backward (), Bring to Front (), Send to Back (), Copy (), Apply Everywhere (), and Delete (). You can also set the size of the overlays and drag them to change their positions.

Videos

Figure 4 shows the Videos area.

Note:

An uploaded video overlay cannot be modified. You can modify it only on your local device and then upload the new one to the console.
The aspect ratio of a video overlay is locked. You can adjust its width and height only on your local device and then import the new one.
Transparent videos can be overlaid only in video production, but not on a live video.
An uploaded MOV video file with alpha channel (that is, a transparent video) will be transcoded into a WebM video file and stored in the MetaStudio asset library. The livestreaming service allows importing a transparent MOV video file, but the imported MOV video file will be transcoded into a WebM one. WebM videos cannot be overlaid on a live video.

Figure 4 Videos

Table 4 describes the Videos area.

**Table 4** GUI elements
GUI Element	Description
Importing locally	Click Import Locally to upload an MOV, MP4, M4V, MKV, FLV, 3GP, WMV, or AVI video file from the PC. You can also drag a video from the PC to the video list area for upload.
	By default, two columns of videos are displayed in the Videos area. After you click , only one column is displayed. You can click to display two columns.
	Keyword search box. You can enter a video name for precise search. Example: marketing video
Filter criteria	Videos can be filtered and displayed by My or Preset.
Video list	By default, all videos are displayed.
Watching a video	If you move the pointer over a video, will be displayed in the upper right corner of the video. Click the icon to watch the video.
Overlaying a video	If you move the pointer over a video, will be displayed in the upper right corner of the video. Click the icon to add the video to the current scene. An inserted video is played mutedly. In the live video preview area, you can perform the following operations on video overlays: Bring Forward (), Send Backward (), Bring to Front (), Send to Back (), Copy (), Apply Everywhere (), and Delete (). You can also set the size of the overlays and drag them to change their positions.

Products

Figure 5 shows the Products area.

Figure 5 Products

Table 5 describes the Products area.

**Table 5** GUI elements
GUI Element	Description
Creating a product	Click Add. In the Create Product dialog box displayed, specify product information by referring to Products. You can also add products by referring to Products.
	Clicking zooms out the Products area. You can click to expand the area size.
Product list	By default, all products are displayed.
Inserting materials	Click Insert Material in the product. The existing image overlays, videos, text, and audios of the product are displayed in the lower part. You need to select a material and click the + icon to add the material to the live video of the current scene. You can edit a product by: Clicking to select a material type and add a material. Clicking to delete materials that are not needed. In the live video preview area, you can perform the following operations on different overlays: Bring Forward (), Send Backward (), Bring to Front (), Send to Back (), Copy (), Apply Everywhere (), and Delete (). You can also set the size of the overlays and drag them to change their positions.

Text

Figure 6 shows the Text area.

Figure 6 Text

Table 6 describes the Text area.

**Table 6** GUI elements
GUI Element	Description
	By default, two columns of text are displayed in the Text area. After you click , only one column is displayed. You can click to display two columns.
Text list	Supported text fonts: HarmonyOS normal, HarmonyOS bold, HarmonyOS light, and HarmonyOS medium black.
Inserting text	If you move the pointer over a piece of text, will be displayed in the upper right corner of the text. Click the icon to add the text to the current scene. In the Text Settings area, set Content and Font, as shown in Figure 7. In the live video preview area, you can perform the following operations on text overlays: Bring Forward (), Send Backward (), Bring to Front (), Send to Back (), Copy (), Apply Everywhere (), and Delete (). You can also set the size of the overlays and drag them to change their positions.