微信小程序媒體組件 live-player

live-player

基礎(chǔ)庫(kù) 1.7.0 開(kāi)始支持，低版本需做兼容處理。

實(shí)時(shí)音視頻播放（v2.9.1 起支持同層渲染）。

暫只針對(duì)國(guó)內(nèi)主體如下類目的小程序開(kāi)放，需要先通過(guò)類目審核，再在小程序管理后臺(tái)，「開(kāi)發(fā)」-「接口設(shè)置」中自助開(kāi)通該組件權(quán)限。

mode 的合法值

orientation 的合法值

object-fit 的合法值

sound-mode 的合法值

picture-in-picture-mode 的合法值

狀態(tài)碼

網(wǎng)絡(luò)狀態(tài)數(shù)據(jù)

小窗特性說(shuō)明

live-player 小窗支持以下三種觸發(fā)模式（在組件上設(shè)置 picture-in-picture-mode 屬性）：

1. push 模式，即從當(dāng)前頁(yè)跳轉(zhuǎn)至下一頁(yè)時(shí)出現(xiàn)小窗（頁(yè)面棧push）
2. pop 模式，即離開(kāi)當(dāng)前頁(yè)面時(shí)觸發(fā)（頁(yè)面棧pop）
3. 以上兩種路由行為均觸發(fā)小窗

此外，小窗還支持以下特性：

• 小窗容器尺寸會(huì)根據(jù)原組件尺寸自動(dòng)判斷
• 點(diǎn)擊小窗，用戶會(huì)被導(dǎo)航回小窗對(duì)應(yīng)的播放器頁(yè)面
• 小窗出現(xiàn)后，用戶可點(diǎn)擊小窗右上角的關(guān)閉按鈕或調(diào)用 context.exitPictureInPicture() 接口關(guān)閉小窗

當(dāng)播放器進(jìn)入小窗模式后，播放器所在頁(yè)面處于 hide 狀態(tài)(觸發(fā) onHide 生命周期)，該頁(yè)面不會(huì)被銷毀。當(dāng)小窗被關(guān)閉時(shí)，播放器所在頁(yè)面會(huì)被 unload (觸發(fā) onUnload 生命周期)。

提示：

1. live-player 默認(rèn)寬度300px、高度225px，可通過(guò)wxss設(shè)置寬高。
2. 開(kāi)發(fā)者工具上暫不支持。

示例代碼

<live-player src="https://domain/pull_stream" rel="external nofollow"  mode="RTC" autoplay bindstatechange="statechange" binderror="error" style="width: 300px; height: 225px;" />

Page({
  statechange(e) {
    console.log('live-player code:', e.detail.code)
  },
  error(e) {
    console.error('live-player error:', e.detail.errMsg)
  }
})