CSS Playback

Last updated: 2021-06-04 21:42:25

    Preparations

    1. Activate the CSS service and complete identity verification.
    2. Log in to the CSS console to get a push address for CSS push. For detailed directions, please see CSS Push.
    3. Select Domain Management, click Add Domain, enter your ICP filed domain name, select Playback domain as the type, and click Save.
      Note:

      • If you do not have a domain name, you can purchase one through Tencent Cloud Domain Service. You can also purchase one at another domain name service provider.
    4. Log in to the Tencent Cloud Domain Service console and configure CNAME for the successfully added playback domain name. For detailed directions, please see Configuring CNAME for Domain Name.

    Getting Playback Address

    Select Auxiliary Tools > Address Generator in the CSS console to get a playback address and configure as follows:

    • Select playback domain name as the type of address to generate.
    • Select the playback domain name you added in Domain Management.
    • Enter the same StreamName as that of the push address. The StreamName of the playback address must be the same as that of the push address to play back the corresponding stream.
    • Select the expiration time of the address, such as 2019-12-13 23:59:59.
    • Click Generate Address.
      Note:

      In addition to the above method, you can also select a playback domain name in Domain Management in the CSS console, click Manage, select Playback Configuration, select the expiration time of the playback address, enter the same StreamName as that of the push address, and click Generate Playback Address.

    CSS Playback

    You need to successfully perform CSS push first before the stream can be watched at the playback address. You can use the following methods to test live streaming based on your business scenario:

    Scenario 1. PC playback

    You can use tools such as VLC, FFmepg, and TCPlayerDemo for playback.

    Scenario 2. Mobile playback

    1. Download and install the Tencent Video Cloud demo.
    2. Open MLVB > CSS Pull.
    3. Enter the playback address in the text box or scan the QR code of the playback address.
    4. Tap Play in the bottom-left corner for playback.
    Note:

    If you need to push/play back a stream in an app, you can integrate the MLVB SDK to use the CSS service, which supports RTMP, HTTP-FLV, and HLS playback protocols.

    Scenario 4. Web playback

    We recommend you choose TCPlayerLite in the player SDK for playback. Based on Tencent Cloud's powerful backend functionality and AI technology, TCPlayerLite provides excellent playback capabilities for live streaming and video on-demand. Deeply integrated with the Tencent Cloud CSS and VOD services, Player+ features smooth and stable playback performance, advertising placement, and data monitoring.

    Note:

    Currently, most mobile browsers on the market do not support HTTP-FLV playback. Therefore, for web playback, we recommend you select the HTTP-FLV playback protocol for PC browsers and HLS for mobile browsers.

    FAQs