The nature of CSS is a broadcast process, similar to the live broadcast of TV channels sent to audience through cable networks. In order to complete this process, CSS needs to have a capture and push device (similar to a camera), a cloud live broadcast service (similar to a cable network), and a playback device (similar to a TV set). These devices can be smart devices such as mobile phones, PCs, and tablets as well as web browsers. We provide complete software demos for different types of devices.

Preparations

1. Activate the CSS service.
2. Select Domain Management, click Add Domain Name to add an ICP filed push domain name.

   Note：

   CSS provides a default push domain name in the format of xxx.livepush.myqcloud.com. You are not recommended to use it as the push domain name for your real business.

Getting Push Address

Log in to the CSS Console, select Auxiliary Tools > Address Generator to generate a push address and configure as follows:

• Select push domain name as the type of generation.
• Select the push domain name you added in domain management.
• Enter a custom StreamName, such as liveteststream.
• Select the expiration time of the address, such as 2019-10-18 23:59:59.
• Click Generate Address.

Note：

• To ensure the security of your live streams, the system will automatically enable push authentication. You can also select the push domain name to be modified in Domain Management and click Manage on the right to enter the domain name details page and customize the authentication information in Push Configuration. The push address is in the following format:
  rtmp://domain/AppName/StreamName?txSecret=Md5(key+StreamName+hex(time))&txTime=hex(time)
• In addition to the above method, you can also select a push domain name in Domain Management in the CSS Console, click Manage, select Push Configuration, enter the expiration time of the push address and the custom StreamName, and click Generate Push Address to generate a push address.
• If you need a persistent push address, you can enter Domain Management, select a push domain name, click Manage, and select Push Configuration for calculation and generation by referring to the sample code in Push Address Sample Code. For more information, please see How can I view the push sample code?.

CSS Push

You can use the following methods to implement CSS push based on your business scenario:

Scenario 1. PC push

For PC (Windows/macOS), you can choose to install OBS or XSplit for push. The former is a free open-source video recording and streaming program that supports operating systems such as Windows, macOS, and Linux, while the latter is a paid program that offers a standalone installer for live game streaming. For non-game live streaming, you are recommended to use BroadCaster.

This document uses push with OBS as an example to describe the steps. Assume that the prepared push address is:

rtmp://3891.livepush.myqcloud.com/live/3891_test?bizid=3891&txSecret=xxx&txTime=58540F7F

1. Go to OBS official website to download and install the push tool.
2. Open OBS and click Controls > Settings at the bottom to enter the settings page.
3. Click Stream to enter the push configuration page and set as follows:

   1. Select "Custom" as the service type.
      

   2. Enter the first half of the push address as the server, such as `rtmp://3891.livepush.myqcloud.com/live/`.
      

   3. Enter the second half of the push address as the stream key, such as `3891_test?bizid=3891&txSecret=xxx&txTime=58540F7F`.
      

   4. Click **OK** in the bottom-right corner.
      

4. Click Controls > Start Streaming to test streaming. For more information on how to use OBS, please see OBS Push.

Scenario 2. Web push

1. Log in to the CSS Console.
2. Select Auxiliary Tools > **Web Push.
3. Make the following settings on the web push page:
   1. Select a push domain name.
   2. Enter a custom StreamName, such as liveteststream.
   3. Select an expiration time, such as 2019-10-30 23:59:59.
   4. Click Start Push and grant the camera permission to start the push.

Note：

The web push feature requires that your device have a camera installed and its browser support the Flash plugin to call the camera permission.

Scenario 3. Mobile push

1. Scan the QR code with a mobile phone to download and install the Video Cloud Toolkit.
2. Open the toolkit and select MLVB > Camera Push.
3. Enter the push address manually or by scanning the QR code.
4. Tap "Start" in the bottom-left corner to start the push.

Note：

If you did not prepare a push address in advance, you can tap New on the right of the push address bar on the Camera Push page, and the system will automatically enter a push address and provide the corresponding playback address which can be used for CSS playback.

Scenario 4. CSS SDK push

If you need to integrate only CSS Push into your existing application, follow the steps below to do so quickly.

1. Download the MLVB SDK.
2. Complete the access as instructed in the iOS or Android access document.

The CSS SDK is a collection of mobile live streaming services. It demonstrates in the form of free source code how to use Tencent Cloud CSS, VOD, IM, and COS to build the most appropriate live streaming solution for your business.

Scenario 5. Mini Program push

1. Search for or scan the QR code to enter the Tencent Video Cloud Mini Program in WeChat.
2. Select RTMP Push to enter the push settings page.
3. Enter the push address manually or tap Scan QR Code to add it.
4. Tap Start in the middle to start the push.

Note：

If you don't have a push address yet, you can launch the Mini Program, select RTMP Push, tap Auto Generate on the right of the push address on the RTMP page, and the system will automatically create a push address and generate a playback address.

FAQs

• How can I implement CSS playback?
• How can I splice a push URL?
• How can I calculate a hotlink protection URL?