目前小程序支持的直播方式有兩種,一種是純原生方案(小程序提供推流拉流服務(wù)器,主播端和收播端頁面都已提供好,你直接使用即可),一種是自己搭建推流服務(wù)器(只是使用小程序端提供的live-pusher和live-player組件而已,里面的直播頁面和功能都自己獨(dú)立開發(fā)!),這里說的是第一種方案: 一、準(zhǔn)備工作 1、一個已經(jīng)申請開通和正常使用的實實在在的小程序 PS:如果開通了直播功能,但是沒有審核上架成功過,直播間分享出去的二維碼點(diǎn)擊會提示頁面不存在!!!原因很簡單,因為你新開發(fā)的直播頁面正式版的小程序上并沒有新加進(jìn)去,必須要提審上架到正式版才能生效! 二、小程序直播準(zhǔn)入門檻 滿以下條件的電商平臺、自營商家,即可開通小程序直播: (同時滿足以下1、2、3條件,加上4、5、6條件的其中之一即可。) ①滿足小程序18個開放類目(包括:電商平臺、商家自營-百貨、食品、初級食用農(nóng)產(chǎn)品、酒/鹽、圖書報刊/音像/影視/游戲/動漫、汽車/其他交通工具的配件、服裝/鞋/箱包、玩具/母嬰用品(不含食品)、家電/數(shù)碼/手機(jī)、美妝/洗護(hù)、珠寶/飾品/眼鏡/鐘表、運(yùn)動/戶外/樂器、鮮花/園藝/工藝品、家居/家飾/家紡、汽車內(nèi)飾/外飾、辦公/文具、機(jī)械/電子器件) ②主體下小程序近半年沒有嚴(yán)重違規(guī); ③小程序近90天內(nèi),有過支付行為; ④ 主體下公眾號累計粉絲數(shù)大于100人; ⑤ 主體下小程序連續(xù)7日日活躍用戶數(shù)大于100人; ⑥ 主體在微信生態(tài)內(nèi)近一年廣告投放實際消耗金額大于1萬元; 三、進(jìn)入小程序后臺直播,創(chuàng)建直播間 如果你的小程序滿足了第二點(diǎn)。小程序后臺會有一個直播的入口(沒有的話自己找找原因) 點(diǎn)擊進(jìn)入后->創(chuàng)建直播間 按提示操作(要輸入主播人的微信號,對方初次使用要活體檢測+實名認(rèn)證)即可成功創(chuàng)建直播間。(注意點(diǎn):開播時間最早不能早于當(dāng)前時間10分鐘后) 創(chuàng)建成功后,會有一個開播碼。注意這個開播碼是給主播用的,主播開播的入口小程序碼。主播可以掃碼進(jìn)入直播間開播。 四、小程序端開發(fā) 完成上面3步算是完成主播端的配置了,接下來是收播端(觀看直播的小程序端)的開發(fā)了。這個是要小程序開發(fā)者完成的。所以下面操作都在小程序開發(fā)端完成。下面就簡單介紹開發(fā)邏輯和順序,具體的要用到的API和接口都不細(xì)說,在后面相關(guān)鏈接里面可以點(diǎn)擊官方鏈接查看!(小程序直播 | 微信開放文檔)https://developers.weixin.qq.com/miniprogram/dev/framework/liveplayer/live-player-plugin.html) (1)引入直播插件(直接按官方介紹文檔操作) 正常引入后開發(fā)者工具會彈出這個窗口,如果不彈出請認(rèn)真,靜下心來按照官方文檔檢查自己的引入代碼: (2)開發(fā)后端(如果你沒有小程序端自建直播列表和直播間入口的需求2、3、4都可以跳過,屆時你的小程序直播間可以用分享方式進(jìn)入) 后端目前官方只提供了2個接口。一個是獲取直播間列表,一個是獲取直播間直播完后的相關(guān)回放信息,其中第一個接口必須先完成。就是獲取到直播間列表,列表里面有帶返回直播間的roomid,小程序端必須需要接收到這方面的返回才能接下來的開發(fā)。 (3)進(jìn)入直播頁面 引入直播插件后并對接第二步的后端接口后,你可以直接編碼進(jìn)入直播頁面了。像進(jìn)入普通頁面一樣,可以通過wxml里面的navigator url="xxxx"的方式和js里的wx.navigateTo跳轉(zhuǎn)頁面代碼進(jìn)入直播頁面。但是他這個url比較特殊,是下面這樣的格式: url: `plugin-private://${provider}/pages/live-player-plugin?room_id=${roomId}&custom_params=${encodeURIComponent(JSON.stringify(customParams))}` provider:插件appid(1)小步里面獲取到的 rommId:直播間id(2)小步里面獲取列表后里面的roomId customParams:自定義的進(jìn)入頁面參數(shù)。(根據(jù)需要自己定義的傳入直播間收播頁面的參數(shù)) 進(jìn)入直播間收播頁面后的開發(fā)量為0,因為這個是由直播間插件接管并完成相關(guān)功能。 (4)幾個注意點(diǎn): 4.1、后端獲取直播間列表接口幾個跟官方文檔介紹不一致的地方 4.2、 livePlayer.getLiveStatus獲取直播間狀態(tài)這個API官方介紹:首次獲取立馬返回直播狀態(tài),往后間隔1分鐘或更慢的頻率去輪詢獲取直播狀態(tài)。實際使用過程中建議也這么干,如果需要輪詢直播間狀態(tài),建議間隔時間1分鐘以上,如果少于這個值,基本上就是卡在這里后面的代碼都不執(zhí)行了。還有,有時候即使超過1分鐘后再輪詢,也會偶發(fā)性出現(xiàn)獲取不到卡住的情況。解決方法,大家可以看看開發(fā)者工具里面的本地Storage相關(guān)的值,然后后面怎么做你懂的。。 4.3訂閱組件subscribe的樣式問題。不多說,你懂的,你加上去就能看到效果 4.4后端接口每日調(diào)用次數(shù)限制的問題。要做好相關(guān)緩存到本地的架構(gòu)設(shè)計。 4.5運(yùn)營上一定要注意,按要求直播。別整那些沒用的,很容易被禁播的。 (5)回放功能開發(fā) 1.0.4版本后支持0開發(fā)的回放功能了。參考后面新增的專門介紹回放功能的使用教程。 五、跑路 這里的跑路是指代碼寫累了,帶上口罩和吉娃娃去公園跑一圈路回來繼續(xù)碼。 最新:1.0.4版本后的回放功能說明,回放功能是這樣的 1、后臺開啟該直播間的回放功能 2、收播端還是原來的直播入口進(jìn)行回放,小程序端是 plugin-private://${liveplayId}/pages/live-player-plugin?room_id=${roomId}&custom_params=${encodeURIComponent(JSON.stringify(customParams))}` 這里的頁面鏈接,鏈接到回放頁面。獲取分享方式,分享出去的直播頁面,點(diǎn)擊后進(jìn)入回放。 還有一個口,點(diǎn)擊原來的分享鏈接后的直播完成頁面,也有一個查看回放的入口,如上圖。 Tip:如果剛剛直播完可能需要稍等生成回放視頻后再次進(jìn)入相關(guān)頁面才能看到回放。 相關(guān)鏈接: 小程序直播 | 微信開放文檔(開發(fā)必看,而且要熟讀,基本有所有你要的開發(fā)資料) https://developers.weixin.qq.com/miniprogram/dev/framework/liveplayer/live-player-plugin.html 微信小程序直播功能準(zhǔn)入要求 | 微信開放文檔 https://developers.weixin.qq.com/miniprogram/product/live/access-requirement.html “小程序直播”接入指引 | 微信開放社區(qū) https://developers.weixin.qq.com/community/develop/doc/0008ce654c4450244c1a7e5de5b801?highLine=%25E7%259B%25B4%25E6%2592%25AD%2520%25E6%25B1%25BD%25E8%25BD%25A6 相關(guān)知識科普: 小程序直播單日直播上限是50場,同時直播上限50場,單場的直播時長上限是12小時。 |