CSS Playback

Last updated: 2021-04-09 14:42:14

    Preparations

    1. Activate the CSS service and complete identity verification.
    2. Log in to the CSS console to get a push address for live push. For detailed directions, please see Live 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 at another domain name service provider.
      • If you have already purchased a domain name but have not obtained an ICP filing for its service in Mainland China, please apply through Tencent Cloud's Domain Name ICP Filing service. You can also do so at another domain name service provider.
    4. Log in to the Domain Name Service Console and configure CNAME for the successfully added playback domain name. For detailed directions, please see Domain Name CNAME Configuration

    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 generation.

    • 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.

    Live Playback

    You need to successfully perform Live 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 > Live Pull.

    3. Enter the playback address in the input 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 application or WeChat Mini Program, you can integrate the MLVB SDK to use the CSS service, which supports RTMP, HTTP-FLV, and HLS playback protocols.

    Scenario 3. Mini Program playback

    1. Search for the "Tencent Video Cloud" Mini Program in WeChat and select Live Playback.
    2. Tap Scan Code to scan the QR code translated from the playback address.
    3. Tap "Play" in the bottom-left corner for playback.

    Scenario 4. Web playback

    You are recommended to 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, you are recommended to select the HTTP-FLV playback protocol for PC browsers and HLS for mobile browsers.

    FAQs

    Was this page helpful?

    Was this page helpful?

    • Not at all
    • Not very helpful
    • Somewhat helpful
    • Very helpful
    • Extremely helpful
    Send Feedback
    Help