WeChat Mini Program Live Player Custom Component

Component Overview

plv-live-player is a custom component for playing Polyv live streaming videos. It supports both live and on-demand playback, offering rich playback control features and customizable skin slots.

Usage

Configure the Mini Program's Authorized Domain

Refer to the live playback core SDK configuration for domain.

Import the Component

Different playback components have varying category and permission requirements. Please choose based on your actual needs.

Using live-player Playback (Recommended)

Before using live-player playback, the mini program must meet one of WeChat's currently open categories and enable component permissions via "Development - Interface Settings" in the mini program management backend. For specific requirements, refer to WeChat live-player component activation requirements and WeChat mini program SDK category application qualification requirements.

curl https://websdk.videocc.net/wx-live-player-ui/latest/plv-live-player.zip -O

After decompression, place the plv-live-player folder into the mini program project. Import the component in the page's JSON configuration file where the player is needed:

{
  "usingComponents": {
    "plv-live-player": "./plv-live-player/plv-live-player"
  }
}

Using video Playback

Using the video version does not require enabling live-player component permissions. However, there are differences in playback and interactive capabilities compared to the live-player version. Choose based on your business needs.

curl https://websdk.videocc.net/wx-live-player-ui/latest/plv-live-player--video.zip -O

After decompression, place the plv-live-player--video folder into the mini program project. Import the component in the page's JSON configuration file where the player is needed:

{
  "usingComponents": {
    "plv-live-player": "./plv-live-player--video/plv-live-player--video"
  }
}

Note: When using the video component for playback, ensure the config parameter includes forceVideo: true to force the use of the video component for playback.

Basic Usage

Use the component in the page's WXML file:

<plv-live-player
  config="{{config}}"
/>