微信小程序直播如何开发

有两种方式: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

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