Demo experience

Updated at:

This document introduces the demo for our interactive live streaming solution and explains how to run it.

Download the demo

Scenario

Style

Platform

Role

Source code

Entry point

interactive live streaming

portrait mode

Android

  • Host client

  • Viewer client

Android - Portrait Mode

image.png

iOS

  • Host client

  • Viewer client

iOS - Portrait Mode

Web

Viewer client

Web - Portrait Mode

-

WeChat Mini Program

Viewer client

WeChat Mini Program

-

landscape mode

Windows

Host client

Source code not available.

For the download link, see Windows Streaming Assistant.

macOS

Host client

Source code not available.

For the download link, see macOS Streaming Assistant.

Android

Viewer client

Android - Landscape Mode

The entry points are the same as those for the Android and iOS portrait mode demos. Scan the QR code above.

iOS

Viewer client

iOS - Landscape Mode

Web

Viewer client

Web - Landscape Mode

-

Walkthrough

Portrait mode

  1. Download and install the demo.

  2. Open the demo app. On the login page, enter your phone number, agree to the User Agreement and Privacy Policy, tap Get SMS Verification Code, and enter the received verification code to log in.

  3. After logging in, the home page appears, showing three sections: Live Streaming Scenarios, Entertainment & Call Scenarios, and VOD Scenarios. In the Live Streaming Scenarios section, select a live streaming type (for example, standard live streaming, E-commerce Live, Corporate Training, or Show Live with Co-anchoring) to open its configuration page. In this example, select standard live streaming and tap Create Standard Live Room.

  4. On the creation page, enter a Live Room Title (for example, Live Stream of 210426659) and an optional Live Room Announcement.

  5. Tap Beautify on the right to select beautification effects.

  6. Tap Start Live.

  7. Viewers can now join the room to watch the live stream.

Landscape mode

  1. Download the Streaming Assistant.

  2. To get a URL, create a room, and start your stream, follow the instructions in Get the streaming URL and create a live room.

    In landscape mode, the main interface of the host client shows the camera feed on the left and a chat panel on the right.

  3. The host can also share the screen and media files.

  4. Hosts can go to Settings to adjust the beautification feature.

  5. Viewers can now join the room to watch the live stream.

Run the demo

This section describes how to run the demo in your own environment. For details, see the server-side and client-side integration documentation.

Portrait mode

  1. Run the Demo on Android.

  2. Run the Demo on iOS.

Landscape mode

  1. Run the Demo on Android.

  2. Run the Demo on iOS.