1、微信后臺(tái)申請(qǐng)插件開通
微信后臺(tái) 登錄微信后臺(tái)
點(diǎn)擊設(shè)置中的第三方設(shè)置 —> 添加插件 --> 點(diǎn)擊小程序直播組件(獲取AppID)
2、微信后臺(tái)開通直播功能
點(diǎn)擊進(jìn)入直播后臺(tái)系統(tǒng)
這里就是我們創(chuàng)建的直播功能區(qū)域
3、代碼中接入直播插件AppID
支持在主包或分包內(nèi)引入【直播組件】 live-player-plugin 代碼包
(注:直播組件不計(jì)入代碼包體積),項(xiàng)目根目錄的 app.json 引用,示例代碼如下:
uni-app開發(fā)中在pages.json引入
(1) 主包引入和"pages"同級(jí)
"plugins": {
"live-player-plugin": {
"version": "1.3.0", // 注意填寫該直播組件最新版本號(hào),微信開發(fā)者工具調(diào)試時(shí)可獲取最新版本號(hào)(復(fù)制時(shí)請(qǐng)去掉注釋)
"provider": "wx2b03c6e691cd7370" // 必須填該直播組件appid,該示例值即為直播組件appid(復(fù)制時(shí)請(qǐng)去掉注釋)
}
}
(2) 分包引入
"subpackages": [
{
"plugins": {
"live-player-plugin": {
"version": "1.3.0", // 注意該直播組件最新版本號(hào),微信開發(fā)者工具調(diào)試時(shí)可獲取最新版本號(hào)(復(fù)制時(shí)請(qǐng)去掉注釋)
"provider": "wx2b03c6e691cd7370" // 必須填該直播組件appid,該示例值即為直播組件appid(復(fù)制時(shí)請(qǐng)去掉注釋)
}
}
}
]
4、【直播組件】如何使用
直接在直播控制臺(tái)創(chuàng)建好直播間,拿到房間id;
相關(guān)文檔 微信接入文檔
進(jìn)入直播間方式
1、使用 navigator 組件跳轉(zhuǎn)進(jìn)入直播間
// 1、使用 navigator 組件跳轉(zhuǎn)進(jìn)入直播間
<navigator url="plugin-private://wx2b03c6e691cd7370/pages/live-player-plugin?room_id={{roomId}}&custom_params={{customParams}}"></navigator>
2、使用 navigateTo 方法跳轉(zhuǎn)進(jìn)入直播間
// 2、使用 navigateTo 方法跳轉(zhuǎn)進(jìn)入直播間
let roomId = [直播房間id] // 填寫具體的房間號(hào),可通過下面【獲取直播房間列表】 API 獲取
let customParams = encodeURIComponent(JSON.stringify({ path: 'pages/index/index', pid: 1 })) // 開發(fā)者在直播間頁面路徑上攜帶自定義參數(shù)(如示例中的path和pid參數(shù)),后續(xù)可以在分享卡片鏈接和跳轉(zhuǎn)至商詳頁時(shí)獲取,詳見【獲取自定義參數(shù)】、【直播間到商詳頁面攜帶參數(shù)】章節(jié)(上限600個(gè)字符,超過部分會(huì)被截?cái)啵?
wx.navigateTo({
url: `plugin-private://wx2b03c6e691cd7370/pages/live-player-plugin?room_id=${roomId}&custom_params=${customParams}`
})
3、服務(wù)端獲取數(shù)據(jù),提供給前端獲??!
4、控制臺(tái)創(chuàng)建直播
5、手機(jī)掃碼打開
5、直播組將狀態(tài)獲取
小程序端引入 live-player-plugin
let livePlayer = requirePlugin('live-player-plugin')
console.log(livePlayer,'livePlayer====事件')
livePlayer.getOpenid(e) // 獲取用戶openid參數(shù)
livePlayer.getShareParams(e) // 獲取分享卡片鏈接參數(shù)
livePlayer.getSubscribeStatus(e) // 獲取單次訂閱狀態(tài)
livePlayer.getLiveStatus(e) // 獲取直播狀態(tài)
// 往后間隔1分鐘或更慢的頻率去輪詢獲取直播狀態(tài)
// 101: 直播中, 102: 未開始, 103: 已結(jié)束, 104:禁播, 105: 暫停中, 106: 異常,107:已過期
如果你想擁有自己的私域流量和私域直播電商系統(tǒng),可以選擇CRMEB Pro版高性能私域電商系統(tǒng),CRMEB Pro版是一款高性能、高并發(fā)、高可用的私域客戶關(guān)系管理(CRM)+營銷電商(EB)系統(tǒng);助力品牌商家實(shí)現(xiàn)公域引流轉(zhuǎn)化私域沉淀,全渠道智能化經(jīng)營。