微信小程式直播播放自訂元件

元件介紹

plv-live-player 是一個用於播放保利威直播影片的自訂元件，支援直播和點播播放，提供了豐富的播放控制功能和自訂皮膚插槽。

使用方法

設定小程式主體合法網域

參考直播播放核心SDK設定網域

引用元件

不同播放元件的類別和權限要求不同，請根據實際情況選擇。

使用 live-player 播放（推薦）

使用 live-player 播放前，小程式需滿足微信當前開放類別之一，並進入小程式管理後台的「開發 - 介面設定」開通元件權限。具體要求參考微信 live-player 元件開通要求和微信觀看小程式 SDK 類別申請資質要求。

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

解壓縮後將plv-live-player資料夾放置到小程式專案中，在需要嵌入播放器的頁面 json 配置檔案中引入元件：

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

使用 video 播放

使用 video 版本無需開通 live-player 元件權限，但播放和互動能力與 live-player 版本存在差異，請根據業務需求選擇。

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

解壓縮後將plv-live-player--video資料夾放置到小程式專案中，在需要嵌入播放器的頁面 json 配置檔案中引入元件：

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

ps: 使用video元件播放注意config參數需配置forceVideo為true，代表強制使用video元件進行播放

基礎用法

在頁面的 wxml 檔案中使用元件：

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