tencent cloud

This document shows you how to get started with LEB. Before using LEB, please read Pricing Overview to learn about its billable items and prices.

Preparations

1. Sign up for a Tencent Cloud account.
2. Go to the CSS console, agree to Tencent Cloud Service Agreement, and click Apply for Activation to activate CSS.

   Note：

   • After activating CSS, you will get 20 GB of playback traffic for the Chinese mainland for free.
   • The steps to configure domain names for LEB are the same as those for LVB. If you are already using LVB, you can skip to Step 4. Get a playback URL.

Step 1. Add domain names

To use CSS, you should have at least one push domain name and one playback domain name. You cannot use one domain name for both push and playback.
You can add your own domain names with ICP filing numbers.

1. Register your domain name. ICP filing is required if you want to use the domain in the Chinese mainland.

2. Log in to the CSS console and go to Domain Management.

3. Click Add Domain.

   

   Note：

   • CSS provides a test domain name xxxx.livepush.myqcloud.com. You can use it to test push, but we do not recommend using it for business purposes.
   • After the domain name is added successfully, you can view its information in the domain name list in Domain Management. For information on how to manage your domains, see Domain Management.
   • For more information on domain names for live streaming, see Live Streaming Basics.

4. Once your domain name is added, the system will assign it a canonical name (suffixed with .tlivecdn.com or .tlivepush.com), which cannot be accessed before you complete CNAME configuration at your DNS service provider. The following example shows you how to add a CNAME record if you use Tencent Cloud’s DNS service:

   1. Log in to the DNS console.
   2. Find your domain name and click Resolve.
   3. On the domain name resolution page, click Add Record.
   4. Enter your domain name prefix for Host Record, select CNAME for Record Type, and enter the canonical name for Record Value.
   5. Click Save.

      Note：

      • It takes a while for CNAME configuration to take effect. You can use CSS only after it does.
      • After the CNAME configuration takes effect, you will see the icon before the CNAME address in Domain Management.
      • If your CNAME configuration fails to take effect, please contact your DNS provider.
      • For how to add CNAME records with other DNS providers, see Configuring CNAME for Domain Name.

Step 2. Get a push URL

1. Go to CSS Toolkit > Address Generator.
2. Complete the following settings:
   1. Select Push Domain for Domain Type.
   2. Select a push domain name you added in Domain Management.
   3. Enter a custom StreamName, such as liveteststream.
   4. Select a URL expiration time, such as 2021-05-25 23:59:59.
   5. Click Generate Address to generate a push address.
      

Note：

• The default value of AppName is live. txSecret is the signature for playing, and txTime is the URL expiration time.
• Here is another way to generate a push URL: In Domain Management, find the domain name you want to use for push and click Manage. Under Push Configuration, enter an expiration time for the URL and a custom StreamName, and click Generate Push Address.
• Based on your needs, before generating a push URL, you can create templates and bind them to your push domain. For the prices of CSS value-added services, see Pricing Overview.

Step 3. Start pushing

To start pushing, provide the push URL generated to the software you use for push.

• For push on PCs, we recommend you use OBS. You need to configure the OBS plugin first. For subsequent steps, see Push via OBS.
• For push on web, we recommend you use Web Push. Click Generate. In the pop-up window, select a push domain name, enter a custom StreamName, select a URL expiration time, and click Confirm. Turn the camera on, and click Start Push.
• For push on mobile devices, download and install TCToolkit. After it is installed, open it, select MLVB > Push (Camera), enter the push URL manually or scan the QR code, and tap Start streaming.

Note：

• You can also integrate the MLVB SDK into your app to implement the push feature.
• The LEB solution for web does not support decoding or playing B-frames. For details, see B-Frames.

Step 4. Get the playback URL

1. After push succeeds, select Stream Management > Live Streams, view the status of the push URL, and click Preview to play the stream.

2. Go to CSS Toolkit > Address Generator and complete the following settings:

   1. Select Playback Domain for Domain Type.
   2. Select a playback domain name you added in Domain Management.
   3. For StreamName, enter the StreamName in the push URL.
   4. Select a URL expiration time, such as 2021-05-25 23:59:59.
   5. Select a transcoding template if you want to transcode the stream and get a playback URL of the transcoded stream. This step is not necessary if you play the original stream.
   6. Click Generate Address to generate an LEB playback URL whose format is webrtc://domain/path/stream_id.
      

3. You can use the following methods to test playback in different scenarios:

   • On web: Use WebRTC Live Demo to play the stream.

     Note：

     • WebRTC Live Demo supports multi-definition playback. You can create a transcoding template for HD and SD output in Feature Configuration > Live Transcoding in the CSS console, enter in the demo a WebRTC URL containing the transcoding template, and play it. If you don't need to test this feature, enter the original WebRTC URL.
     • For more information on live transcoding and its billing, see Live Transcoding.

   • On mobile devices: Download and install TCToolkit. After it is installed, open it, go to Live broadcast > LEB Player, enter the playback URL manually or scan the QR code to get the URL, and tap Start Playback.

     Note：

     If you want to play the stream in your app, you can integrate the MLVB SDK. For questions, see FAQs.

Step 5. Use LEB

LEB solution for mobile devices: This solution supports B-frame decoding and AAC and has been integrated into the MLVB SDK.

FAQs

Generating playback URLs

The format of LEB URLs is the same as that of LVB URLs except that the former start with webrtc while the latter start with rtmp.

LEB playback URL format: webrtc://domain/path/stream_id or webrtc://domain/path/stream_id?txSecret=xxx&txTime=xxx (hotlink protection enabled). For how to generate a playback URL, see Get the playback URL.

Note：

You can use URLs of transcoded streams to play at different resolutions and bitrates. For how to generate a playback URL for a transcoded stream, see Live Remuxing and Transcoding.

B-frames

The LEB solution for web does not support decoding or playing B-frames. If a stream contains B-frames, the backend will remove them in transcoding, which will increase latency and incur transcoding fees. Please avoid pushing streams with B-frames or use streaming software such as OBS to remove them by adjusting the video encoding parameters. The figure below shows how to remove B-frames using OBS:

Audio transcoding

Playback using browsers only supports the standard WebRTC protocol and does not support AAC. If a stream pushed contains audio in AAC format, the system will transcode the audio into Opus format, which will incur audio transcoding fees.