uni-app開發(fā)小程序直播功能

1、微信后臺申請插件開通
2、微信后臺開通直播功能
3、代碼中接入直播插件AppID
4、【直播組件】如何使用
5、直播組將狀態(tài)獲取

微信開發(fā)直播功能，需要企業(yè)賬號；
需要申請直播功能和插件

1、微信后臺申請插件開通

微信后臺 登錄微信后臺
點擊設置中的第三方設置 —> 添加插件 --> 點擊小程序直播組件（獲取AppID）

2、微信后臺開通直播功能

點擊進入直播后臺系統(tǒng)

這里就是我們創(chuàng)建的直播功能區(qū)域

3、代碼中接入直播插件AppID

支持在主包或分包內(nèi)引入【直播組件】 live-player-plugin 代碼包
（注：直播組件不計入代碼包體積），項目根目錄的 app.json 引用，示例代碼如下：
uni-app開發(fā)中在pages.json引入

(1) 主包引入和"pages"同級

"plugins": {
    "live-player-plugin": {
        "version": "1.3.0", // 注意填寫該直播組件最新版本號，微信開發(fā)者工具調(diào)試時可獲取最新版本號（復制時請去掉注釋）
        "provider": "wx2b03c6e691cd7370" // 必須填該直播組件appid，該示例值即為直播組件appid（復制時請去掉注釋）
    }
}

(2) 分包引入

"subpackages": [
    {
        "plugins": {
            "live-player-plugin": {
                "version": "1.3.0", // 注意該直播組件最新版本號，微信開發(fā)者工具調(diào)試時可獲取最新版本號（復制時請去掉注釋）
                "provider": "wx2b03c6e691cd7370" // 必須填該直播組件appid，該示例值即為直播組件appid（復制時請去掉注釋）
            }
        }
    }
]

4、【直播組件】如何使用

直接在直播控制臺創(chuàng)建好直播間，拿到房間id；
相關文檔 微信接入文檔

進入直播間方式

1、使用 navigator 組件跳轉(zhuǎn)進入直播間

// 1、使用 navigator 組件跳轉(zhuǎn)進入直播間
<navigator url="plugin-private://wx2b03c6e691cd7370/pages/live-player-plugin?room_id={{roomId}}&custom_params={{customParams}}"></navigator>

2、使用 navigateTo 方法跳轉(zhuǎn)進入直播間

// 2、使用 navigateTo 方法跳轉(zhuǎn)進入直播間
let roomId = [直播房間id] // 填寫具體的房間號，可通過下面【獲取直播房間列表】 API 獲取
let customParams = encodeURIComponent(JSON.stringify({ path: 'pages/index/index', pid: 1 })) // 開發(fā)者在直播間頁面路徑上攜帶自定義參數(shù)（如示例中的path和pid參數(shù)），后續(xù)可以在分享卡片鏈接和跳轉(zhuǎn)至商詳頁時獲取，詳見【獲取自定義參數(shù)】、【直播間到商詳頁面攜帶參數(shù)】章節(jié)（上限600個字符，超過部分會被截斷）
wx.navigateTo({
    url: `plugin-private://wx2b03c6e691cd7370/pages/live-player-plugin?room_id=${roomId}&custom_params=${customParams}`
})

3、服務端獲取數(shù)據(jù)，提供給前端獲?。?br>
4、控制臺創(chuàng)建直播

5、手機掃碼打開

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：已過期 

到這里已經(jīng)完成的小程序直播功能，是不是很簡單！
如需更深入的了解小程序相關問題，歡迎留言一起探討！

總結(jié)：

前端路上 | 所知甚少，唯善學。
各位小伙伴有什么疑問，歡迎留言探討。

— 關注我：前端路上不迷路 —文章來源地址http://www.zghlxwxcb.cn/news/detail-450435.html

到了這里，關于uni-app開發(fā) 小程序直播功能的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關文章，希望大家以后多多支持TOY模板網(wǎng)！