當前位置： 首頁(yè) > 網(wǎng)站建設
微信小程序媒體組件 live-player
發(fā)表于: 2026-05-04 17:32:20
微信小程序媒體組件l??ive-player是微信一個(gè)用于播放實(shí)時(shí)音視頻的組件，支持多種格式和網(wǎng)絡(luò )類(lèi)型。小程序媒
微信小程序媒體組件 liveplayer
微信小程序的體組liveplayer(?Д?)組件是微信官方提供的一個(gè)用于在小程序中播放實(shí)時(shí)音視頻的組件，它支持多種格式的微信音視頻文件，包括HLS、小程序媒MP4、體組MKV、微信FLV等，小程序媒并且提供了ˉ\_(ツ)_/ˉ豐富的體組控(′?｀)制接口，可以滿(mǎn)足各種復雜的微信播放需求。
liveplayer的小程序媒基本使用
liveplay(°ロ°) !er的使用非常簡(jiǎn)單，只(zhi)需要在wxml文件中添加一個(gè)livepusher標簽，體組然后在js文┐(′ー｀)┌件中設置其src屬性即可，微信以下是小程序媒一個(gè)簡(jiǎn)單的示例：
<li??vepusher id="myL(′?｀)ivePusher" autoplay="autoplay"="{ { true}}" url="{ { url}}"></livepusher>???;Page({ data: { url: 'http://example.com/path/to/your/video.mp4' }})liveplayer的常用屬性
liveplayer??有很多常用的屬(?????)性，??可以用來(lái)控制播放器的體組行為和外(′▽?zhuān)?)觀(guān)，以下是一些常用的屬性：
屬性名 | 類(lèi)型 | 默認值 | 說(shuō)明 |
| id | String | 無(wú) | 播放器的唯一標識 |
| autoplay='autoplay' | Boolean | false | 是否自動(dòng)播放 |
| mode | String | normal | 播放器的模式，可以是normal、fullscreen、miniprogram |
| showcontrols | Boolean | true | 是否顯示控制條 |
| binderro??r | Evヽ(′ー｀)ノentHandle | 無(wú) | 當播放器出錯時(shí)觸發(fā)的事件 |
| bindwaiting | EventH(???)andle | 無(wú) | 當播放器緩沖時(shí)觸發(fā)的事件 |
| bindplay | EventHandle | 無(wú) | 當播放器開(kāi)始播放??時(shí)觸發(fā)的(de)事件 |
| bindpause | EventHandle | 無(wú) | 當播放器暫停播放時(shí)觸發(fā)的事件 |
| bindtimeupdate | EventHandle | 無(wú) | 當播放器播放進(jìn)度更新時(shí)觸發(fā)的事ヽ(′ー｀)ノ件 |
bindended | Event( ???)Handle | 無(wú) | 當播放(fang)器播放結束時(shí)觸發(fā)的事件 |
| src | String | 無(wú) | 要播放的音視頻文件的URL |
| objectFit | String??? | fill | 視頻的填充模式，可以是fil??l、contain、cover、none |
| enablecamera | Bool(T_T)ean | false | 是否開(kāi)啟攝像頭功能，只在mode為miniprogram時(shí)有效 |
| enabledanmubutton | Boolean | false | 是否開(kāi)(?⊿?)啟彈幕按鈕，只在mode為miniprogram時(shí)有效 |
| enablegiftbutton | Boolean?? | false | 是否開(kāi)??啟禮物按鈕，只在mode為miniprogram時(shí)??有效 |
| enableful??lscreen | Boolean | false | 是否開(kāi)啟全屏模式，只在mode為fullscreen或miniprogram時(shí)有效 |
| enabledanmaku | Boolean | fals??e | 是否開(kāi)啟彈幕，只在mode為miniprogram時(shí)有效 |
| ena??bleforwardbutton | Boole??a(°ロ°) !n | false | 是否開(kāi)啟快進(jìn)按鈕，只在mode為miniprogram時(shí)(°o°)有效 |
enablefunbutton | Boolean | false | 是否開(kāi)啟互動(dòng)按鈕，只在mode為m??iniprogram時(shí)有效 |
| enablemutebutton | Boolean | false | 是否開(kāi)啟靜音按鈕，只在m??ode為miniprogra??m時(shí)有效 |
| enablepauseresumebutton | Boolean | false | 是否開(kāi)啟暫停/恢復按鈕，只在mode為miniprogram時(shí)有效 |
| enableswitc??hc??amera | Boolean | false | 是否開(kāi)啟切換攝像頭功能，只在mode為miniprogram時(shí)有效 |
| enablevoicecommen??tarybutton | Boolean | false | 是否開(kāi)啟語(yǔ)音評論按鈕，只在mode為miniprogram時(shí)有效 |
| enablevolumeslider | Boolean | false | 是否開(kāi)啟音量滑塊，只在mode為miniprogram時(shí)有效 |
li??veplayer的事件接口
livepla??yer提供了一系列的事件接口，可以用來(lái)監聽(tīng)播放器的各種狀態(tài)變化，以下是一些常用的事件：
| 事件名 | 參數對象屬性名1：detail.type；參數對象屬性名2：detail.url；參數對象屬性名3：detail.errMsg；參數對象屬性名4：detail.data.duration；參數對象屬性名5：detail.data.currentTime；參數對象屬性名6：detail.data.bufferedTi( ?ω?)me；參數對象屬性名7：detail.data.totalTime；參數對象(xiang)屬性名8：detail.data.networkType；參數對象屬性名9：detail.data.bitrate；參數對象屬性名10：detail.data.codecs??；參數對象屬??性名11：detail.data.wid(′?｀*)th；參數對(?⊿?)象屬性名12：detail.data.┐(′?｀)┌hei( ?° ?? ?°)ght；參數對象屬性名13：detail.data.fps；參數對象屬性名14：detail.d??ata.frameWidth??；參數對象屬性(xing)名15：detail.d(′ω｀)ata.frameH( ???)eight；參數對象屬性名16：detail.data.startTime；參數對象屬性名17：detail.data.endTime；參數對象屬性名18：detail.data.isStall(?⊿?)ed；參數對象屬性名19：detail.data.isPlayingAd;參數對象屬性名20：detail.data.adUrl;??參數對象屬性名21：detail.data.adT(????)itle;參數對象屬性名2??2：detail.??data.adText;參數對象屬性名23：detail.data.adCoverUrl;參數對象屬性名24：detail.data.adSkipp(?Д?)ed;參數對象屬性名25：detail.data.adEnded;參數對象屬性名26：detail.data.adCl(╬?益?)icked;參數對象屬性名27：detail.data.a?dClosed;參數對象屬性名28??：detail.data.adStarted;參數對象屬性名29：detail.data.adProgress;參數對象屬性名30：detail.data.adDuration;參數對象屬性名31：detail.data.adCurrentTime;參數對象屬性名32：detail.data.adPercentLoaded;參(can)數對象屬性名33：detail.data.adRemainingTime;參數對象顏色值34：detail.data.adVolume;參數對象顏色值35：detail.data.ad??Quality;參數對象顏色值36：detail.datヾ(′▽?zhuān)??a.adErrorCode;參數對象顏色值37：detail.data.adErrorMessage;參數對象顏色值38：detail.data.adTagNames;參數對象顏色值39：detail.data.(╬ ò﹏ó)adImpressionIDs;參數對象顏色值40：detail.data.adSpaceId;參數對象??顏色值41：detail.data.adCommentIDs;參數對象顏色值42：detail.data.adPublishTime;參數對象顏色值43：detail?.data.adExpireTime;參數對象顏色值(zhi)44：detail.data.adRichMediaContentIds;參數對象顏(???)色值45：detail.data
網(wǎng)站二維碼
導航
電話(huà)
短信
咨詢(xún)
地圖
分享
