以下將展示微信小程序之媒體組件live-pusher源碼官方組件能力推汽,組件樣式僅供參考,開(kāi)發(fā)者可根據(jù)自身需求定義組件樣式歧沪,具體屬性參數(shù)詳見(jiàn)小程序開(kāi)發(fā)文檔歹撒。
功能描述:
實(shí)時(shí)音視頻錄制(v2.9.1 起支持同層渲染)。需要用戶(hù)授權(quán) scope.camera诊胞、scope.record暖夭。
申請(qǐng)開(kāi)通
暫只針對(duì)國(guó)內(nèi)主體如下類(lèi)目的小程序開(kāi)放,需要先通過(guò)類(lèi)目審核撵孤,再在小程序管理后臺(tái)迈着,「開(kāi)發(fā)」-「接口設(shè)置」中自助開(kāi)通該組件權(quán)限。
屬性說(shuō)明:
Bug& Tip
1.tip:開(kāi)發(fā)者工具上暫不支持邪码。
2.tip:live-pusher 默認(rèn)寬度為100%裕菠、無(wú)默認(rèn)高度,請(qǐng)通過(guò) wxss 設(shè)置寬高闭专。
3.tip:waiting-image 屬性在 2.3.0 起完整支持網(wǎng)絡(luò)路徑奴潘、臨時(shí)文件和包內(nèi)路徑。
4.tip:請(qǐng)注意原生組件使用限制影钉。
5.tip:相關(guān)介紹和原理可參考此文章
錯(cuò)誤碼(errCode)
狀態(tài)碼
網(wǎng)絡(luò)狀態(tài)數(shù)據(jù)(info)
示例代碼
<live-pusher url="https://domain/push_stream" mode="RTC" autopush bindstatechange="statechange" style="width: 300px; height: 225px;" />
Page({
? statechange(e) {
? ? console.log('live-pusher code:', e.detail.code)
? }
})
版權(quán)聲明:本站所有內(nèi)容均由互聯(lián)網(wǎng)收集整理画髓、上傳,如涉及版權(quán)問(wèn)題斧拍,請(qǐng)聯(lián)系我們第一時(shí)間處理雀扶。
原文鏈接地址:https://developers.weixin.qq.com/miniprogram/dev/component/live-player.html