有兩種方式:1.使用微信提供的直播功能 2.使用第三方
方式一:.針對電商類目小程序活躍、經營方面表現較好邀請做公測(小程序直播組件是在公測期間),如果符合要求的在小程序後臺會看到【直播】入口,可以點進去申請
ps:准入要求:
滿足以上在微信公衆平臺如圖,這是開通成功的樣子(開通的時候只需要勾選協議就行了 不需要花錢) 估計以後流量大了沒準就要付費啦
1.接下來就說一下步驟吧 首先創建一個直播間用於測試 你不用擔心會不會影響線上小程序 因爲你線根本就沒有入口所以不會影響啦
2 添加商品-商品庫
3.主播開播
4.營銷功能--創建抽獎(微信小程序後臺)
5直播控制(微信小程序後臺)
6.常見問題
以上是基於微信公衆平臺的配置 接下來說說怎麼在代碼中開發
1.app.json中引入插件
"plugins": {
"live-player-plugin": {
"version": "1.0.5", // 注意填寫該直播組件最新版本號,微信開發者工具調試時可獲取最新版本號(複製時請去掉註釋)
"provider": "wx2b03c6e691cd7370" // 必須填該直播組件appid,該示例值即爲直播組件appid(複製時請去掉註釋)
}
}
其中version 和 provider在這裏看
2你想要加直播入口的頁面加入以下代碼
<navigator
url="plugin-private://wx2b03c6e691cd7370/pages/live-player-plugin?room_id={{roomId}}&custom_params={{customParams}}">進入直播間</navigator>
let roomId = [直播房間id] // 房間號
let customParams = { path: 'pages/index/index', pid: 1 } // 開發者在直播間頁面路徑上攜帶自定義參數(如示例中的path和pid參數),後續可以在分享卡片鏈接和跳轉至商詳頁時獲取,詳見【獲取自定義參數】、【直播間到商詳頁面攜帶參數】章節
this.setData({
roomId,
customParams: encodeURIComponent(JSON.stringify(customParams))
})
接下來你就可以點擊這個‘’進入直播間‘’這個link進入你之前在後臺創建的直播間啦
具體開發文檔參考以下地址哦
https://developers.weixin.qq.com/miniprogram/dev/framework/liveplayer/live-player-plugin.html
這就是第一種實現直播的方式
第二種:第三方 騰訊雲直播
一:小程序代碼端
小程序直播使用小程序組件 live-pusher 組件和live-player組件
首先開通直播權限
小程序開發工具內進行推流拉流都不會成功,所以需要使用兩個手機進行推拉流測試;
1.github地址:https://github.com/phpljc/zhibo.git,不會使用git的話自行百度
2.demo代碼示例
推流端代碼
url 使用下方的推流地址,複製粘貼 進來就行
拉流端代碼
拉流端url
播放域名:騰訊雲直播後臺添加播放域名,方法文檔內有;
直播碼:看下圖
二:申請註冊騰訊雲直播賬號
1.註冊網址: https://cloud.tencent.com/login
2.註冊完後會跳轉雲直播後臺,界面如下;
3.添加播放域名,這一步必不可少,播放域名可爲二級域名,解析cname,如何解析文檔裏有,該域名必須通過備案。
4.demo選擇的是直播碼接入
5.live-player 中url的組裝
騰訊雲直播後臺->添加播放域名->解析cname成功->管理->組裝播放url
這是方式二的原文https://www.cnblogs.com/shouyerenyinuo/p/9999906.html
這是騰訊雲的示例
https://cloud.tencent.com/document/product/454/6555#.E5.B0.8F.E7.A8.8B.E5.BA.8F-demo
這是騰訊雲的demo