微信小程序直播如何開發

有兩種方式: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

https://github.com/tencentyun/MLVBSDK

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章