建站
咨詢
售后
建站咨詢
新聞中心
微信小程序媒體組件 liveplayer
微信小程序的liveplayer組件是微信官方提供的一個用于在小程序中播放實時音視頻的組件，它支持多種格式的音視頻文件，包括HLS、MP4、MKV、FLV等，并且提供了豐富的控制接口，可以滿足各種復(fù)雜的播放需求。
liveplayer的基本使用
liveplayer的使用非常簡單，只需要在wxml文件中添加一個livepusher標(biāo)簽，然后在js文件中設(shè)置其src屬性即可，以下是一個簡單的示例：
Page({
data: {
url: 'http://example.com/path/to/your/video.mp4'
}
})
liveplayer的常用屬性
liveplayer有很多常用的屬性，可以用來控制播放器的行為和外觀，以下是一些常用的屬性：
| 屬性名 | 類型 | 默認(rèn)值 | 說明 |
| id | String | 無 | 播放器的唯一標(biāo)識 |
| autoplay | Boolean | false | 是否自動播放 |
| mode | String | normal | 播放器的模式，可以是normal、fullscreen、miniprogram |
| showcontrols | Boolean | true | 是否顯示控制條 |
| binderror | EventHandle | 無 | 當(dāng)播放器出錯時觸發(fā)的事件 |
| bindwaiting | EventHandle | 無 | 當(dāng)播放器緩沖時觸發(fā)的事件 |
| bindplay | EventHandle | 無 | 當(dāng)播放器開始播放時觸發(fā)的事件 |
| bindpause | EventHandle | 無 | 當(dāng)播放器暫停播放時觸發(fā)的事件 |
| bindtimeupdate | EventHandle | 無 | 當(dāng)播放器播放進(jìn)度更新時觸發(fā)的事件 |
| bindended | EventHandle | 無 | 當(dāng)播放器播放結(jié)束時觸發(fā)的事件 |
| src | String | 無 | 要播放的音視頻文件的URL |
| objectFit | String | fill | 視頻的填充模式，可以是fill、contain、cover、none |
| enablecamera | Boolean | false | 是否開啟攝像頭功能，只在mode為miniprogram時有效 |
| enabledanmubutton | Boolean | false | 是否開啟彈幕按鈕，只在mode為miniprogram時有效 |
| enablegiftbutton | Boolean | false | 是否開啟禮物按鈕，只在mode為miniprogram時有效 |
| enablefullscreen | Boolean | false | 是否開啟全屏模式，只在mode為fullscreen或miniprogram時有效 |
| enabledanmaku | Boolean | false | 是否開啟彈幕，只在mode為miniprogram時有效 |
| enableforwardbutton | Boolean | false | 是否開啟快進(jìn)按鈕，只在mode為miniprogram時有效 |
| enablefunbutton | Boolean | false | 是否開啟互動按鈕，只在mode為miniprogram時有效 |
| enablemutebutton | Boolean | false | 是否開啟靜音按鈕，只在mode為miniprogram時有效 |
| enablepauseresumebutton | Boolean | false | 是否開啟暫停/恢復(fù)按鈕，只在mode為miniprogram時有效 |
| enableswitchcamera | Boolean | false | 是否開啟切換攝像頭功能，只在mode為miniprogram時有效 |
| enablevoicecommentarybutton | Boolean | false | 是否開啟語音評論按鈕，只在mode為miniprogram時有效 |
| enablevolumeslider | Boolean | false | 是否開啟音量滑塊，只在mode為miniprogram時有效 |
liveplayer的事件接口
liveplayer提供了一系列的事件接口，可以用來監(jiān)聽播放器的各種狀態(tài)變化，以下是一些常用的事件：
| 事件名 | 參數(shù)對象屬性名1：detail.type；參數(shù)對象屬性名2：detail.url；參數(shù)對象屬性名3：detail.errMsg；參數(shù)對象屬性名4：detail.data.duration；參數(shù)對象屬性名5：detail.data.currentTime；參數(shù)對象屬性名6：detail.data.bufferedTime；參數(shù)對象屬性名7：detail.data.totalTime；參數(shù)對象屬性名8：detail.data.networkType；參數(shù)對象屬性名9：detail.data.bitrate；參數(shù)對象屬性名10：detail.data.codecs；參數(shù)對象屬性名11：detail.data.width；參數(shù)對象屬性名12：detail.data.height；參數(shù)對象屬性名13：detail.data.fps；參數(shù)對象屬性名14：detail.data.frameWidth；參數(shù)對象屬性名15：detail.data.frameHeight；參數(shù)對象屬性名16：detail.data.startTime；參數(shù)對象屬性名17：detail.data.endTime；參數(shù)對象屬性名18：detail.data.isStalled；參數(shù)對象屬性名19：detail.data.isPlayingAd;參數(shù)對象屬性名20：detail.data.adUrl;參數(shù)對象屬性名21：detail.data.adTitle;參數(shù)對象屬性名22：detail.data.adText;參數(shù)對象屬性名23：detail.data.adCoverUrl;參數(shù)對象屬性名24：detail.data.adSkipped;參數(shù)對象屬性名25：detail.data.adEnded;參數(shù)對象屬性名26：detail.data.adClicked;參數(shù)對象屬性名27：detail.data.adClosed;參數(shù)對象屬性名28：detail.data.adStarted;參數(shù)對象屬性名29：detail.data.adProgress;參數(shù)對象屬性名30：detail.data.adDuration;參數(shù)對象屬性名31：detail.data.adCurrentTime;參數(shù)對象屬性名32：detail.data.adPercentLoaded;參數(shù)對象屬性名33：detail.data.adRemainingTime;參數(shù)對象顏色值34：detail.data.adVolume;參數(shù)對象顏色值35：detail.data.adQuality;參數(shù)對象顏色值36：detail.data.adErrorCode;參數(shù)對象顏色值37：detail.data.adErrorMessage;參數(shù)對象顏色值38：detail.data.adTagNames;參數(shù)對象顏色值39：detail.data.adImpressionIDs;參數(shù)對象顏色值40：detail.data.adSpaceId;參數(shù)對象顏色值41：detail.data.adCommentIDs;參數(shù)對象顏色值42：detail.data.adPublishTime;參數(shù)對象顏色值43：detail.data.adExpireTime;參數(shù)對象顏色值44：detail.data.adRichMediaContentIds;參數(shù)對象顏色值45：detail.data
網(wǎng)頁題目：微信小程序媒體組件live-player
URL標(biāo)題：http://www.dlmjj.cn/article/djsgsoj.html
