最近準(zhǔn)備給自己的小程序做個(gè)直播功能,看下直播所需要的一些資質(zhì),瞬間被嚇止步。后面發(fā)現(xiàn)小程序官方出了直播插件,這就為小程序接入直播提供的諸多便利。僅僅需要一些簡單的配置,就可以輕松實(shí)現(xiàn)直播功能了。下面帶大家來一步步給自己的小程序添加直播功能吧。
老規(guī)矩,先看效果圖
一,首先要給你的小程序開通直播插件功能
登錄我們的小程序后臺,可以看到如下圖所示的直播
點(diǎn)擊一下,就可以進(jìn)入小程序直播開通頁面
注意我們上圖紅色框里的一些要求。必須要滿足這些條件,才可以開通直播功能。更詳細(xì)些的如下:
這就注定目前只能是通過認(rèn)證的企業(yè)小程序才可以開通直播功能了。個(gè)人小程序目前是沒法開通的。我剛開始還不信,用我的個(gè)人小程序試了試。結(jié)果就如下圖,后面沒辦法就注冊了一個(gè)企業(yè)小程序。
并且小程序的服務(wù)類目也要符合官方要求
到這里,才算真正開通了小程序直播功能。
二,創(chuàng)建直播間
點(diǎn)擊創(chuàng)建直播間
選擇手機(jī)直播
這里需要用一個(gè)實(shí)名認(rèn)證的微信做主播端。
認(rèn)證后如下:
這里設(shè)置直播的一些封面等信息
直播間創(chuàng)建成功后如下
這里的直播碼,掃碼后就可以直接開播了,還有這里的房間號一定要記牢,后面會用到。
這里可以往直播間里添加商品,優(yōu)惠券等
下面就是根據(jù)官方文檔來代碼實(shí)現(xiàn)直播功能了
三,直播功能的代碼實(shí)現(xiàn)
我們創(chuàng)建號直播間以后,接下來就要在小程序代碼里實(shí)現(xiàn)直播功能了。
1,首先是要?jiǎng)?chuàng)建一個(gè)小程序項(xiàng)目
至于如何創(chuàng)建小程序項(xiàng)目我這里就不再教大家了,如果你還不知道如何創(chuàng)建小程序項(xiàng)目,建議你去翻下我的歷史文章,或者看看我錄的《10小時(shí)零基礎(chǔ)入門小程序開發(fā)》 創(chuàng)建好的小程序項(xiàng)目如下
2,在app.json里添加直播插件
其實(shí)官方的接入文檔寫的很清晰了。下面把官方文檔貼出來給大家:https://developers.weixin.qq.com/miniprogram/dev/framework/liveplayer/live-player-plugin.html
我們只需要把上面紅色框里的代碼復(fù)制到app.json里就可以了。記得把注釋去掉
一定要記得,除了把注釋去掉之外,其他的都不要做改動(dòng)。
3,然后編寫可以跳轉(zhuǎn)到直播間的代碼
代碼很簡單,就寫一個(gè)button按鈕,然后添加點(diǎn)擊事件即可。
點(diǎn)擊事件如下
其實(shí)官方文檔里也有講
直播房間的房間id我們在創(chuàng)建直播間成功后其實(shí)可以拿的到的。
到這里我們的直播功能就完整的實(shí)現(xiàn)了。下面我們來看看都有哪些直播狀態(tài)
四,直播狀態(tài)的顯示
未開播狀態(tài),這里我們可以訂閱開播提醒,等開播的時(shí)候,會有訂閱消息提醒。
如果你訂閱開播提醒了,還會有開播提醒
直播結(jié)束狀態(tài)
主播暫時(shí)離開
主播端網(wǎng)絡(luò)異常中斷
主播端可以設(shè)置美顏等功能
并且我們的小程序直播間里可以設(shè)置優(yōu)惠券,抽獎(jiǎng),添加商品。
直播結(jié)束后,還有回放功能
好,到這里就給大家把小程序直播功能完整的講解完了。由于代碼量太少,實(shí)現(xiàn)起來比較簡單,所以就不給大家錄講解視頻了。
本文摘自 :https://blog.51cto.com/u