本來計劃是要接七牛云直播锌唾,然后app端負責主播?觀眾端晌涕,小程序主打觀眾端痛悯,但是由于時間緊迫而且服務(wù)服什么的比較昂貴,然后就擱置了载萌。正好微信小程序有提供直播插件扭仁,簡直yyds,太強大了這個功能乖坠,直播美顏,訂閱仰迁,點贊,帶貨功能都有施蜜,那還不如直接用這個小程序直播绊寻。還自帶后管系統(tǒng),成員管理冰蘑,言論涉黃等過濾等村缸。
前提---小程序已經(jīng)申請好直播功能
直接打開官方接入文檔跟著操作
引入直播組件
ps:小程序原生與uniapp引入方式不一樣,可直接拉到最底下
版本限制:微信客戶端版本 7.0.7 及以上(基礎(chǔ)庫版本2.9.x及以上支持同層渲染)可以觀看直播及使用直播間的功能仇箱,低版本剛進入直播間時會提示用戶升級微信客戶端版本(低版本只能觀看直播东羹,無法使用直播間的功能)剂桥。
首先獲取到直播組件版本號和直播appid
直播組件id和小程序appid不一樣权逗,注意別寫錯了哦(官方文檔給的demo也有給出---wx2b03c6e691cd7370)
打開https://mp.weixin.qq.com/進入冤议,點擊功能欄--->小程序插件--->(藍色字)插件管理進入,找到直播組件點擊詳情進入可以看到
版本號找不到可以隨便寫一個1.2以上的堪滨,然后打開開發(fā)者工具蕊温,在控制臺可以看到(有打印)
支持在主包或分包內(nèi)引入【直播組件】 live-player-plugin 代碼包(注:直播組件不計入代碼包體積)犯眠,項目根目錄的 app.json 引用症革,示例代碼如下:
(1) 主包引入
和"pages"同級
"plugins": {
"live-player-plugin": {
"version": "1.3.2", // 注意填寫該直播組件最新版本號噪矛,微信開發(fā)者工具調(diào)試時可獲取最新版本號(復(fù)制時請去掉注釋)
"provider": "wx2b03c6e691cd7370" // 必須填該直播組件appid,該示例值即為直播組件appid(復(fù)制時請去掉注釋)
}
}
(2) 分包引入
"subpackages": [
{
"plugins": {
"live-player-plugin": {
"version": "1.3.2", // 注意該直播組件最新版本號艇挨,微信開發(fā)者工具調(diào)試時可獲取最新版本號(復(fù)制時請去掉注釋)
"provider": "wx2b03c6e691cd7370" // 必須填該直播組件appid缩滨,該示例值即為直播組件appid(復(fù)制時請去掉注釋)
}
}
}
]
使用直播組件
直接在直播控制臺創(chuàng)建好直播間,拿到房間id
使用方法官方文檔寫的很詳細https://developers.weixin.qq.com/miniprogram/dev/framework/liveplayer/live-player-plugin.html
開發(fā)測試:隨便寫了個按鈕綁定方法進行跳轉(zhuǎn)(房間1)
uni.navigateTo({ url: 'plugin-private://wx2b03c6e691cd7370/pages/live-player-plugin?room_id=1'})
開發(fā)者工具試一試去苞冯,走你
這個時候出問題了
一直在報錯找不到版本侧巨,原來引入方式出了問題,uniapp之【live-player-plugin】正確打開方式如下
打開manifest.json——>源碼視圖 ——> 找到"mp-weixin"模塊在下面加入
/* 小程序特有相關(guān) */
"mp-weixin" : {
"appid" : "wx***",
"setting" : {
"urlCheck" : false,
"minified" : true
},
"usingComponents" : true,
"plugins": {
"live-player-plugin": {
"version": "1.3.2", // 注意填寫該直播組件最新版本號皇忿,微信開發(fā)者工具調(diào)試時可獲取最新版本號(復(fù)制時請去掉注釋)
"provider": "wx2b03c6e691cd7370" // 必須填該直播組件appid坦仍,該示例值即為直播組件appid(復(fù)制時請去掉注釋)
}
}
}
提審發(fā)布end
好了,現(xiàn)在可以直接那個小程序碼進掃碼進入直播間了幔荒。