微信小程序直播插件live-player-plugin使用

1 在你的小程序中 app.json这个文件中引入直播组件

"plugins": {
    "live-player-plugin": {
        "version": "1.1.1", // 注意填写该直播组件最新版本号,微信开发者工具调试时可获取最新版本号(复制时请去掉注释)
        "provider": "wx2b03c6e69..." // 必须填该直播组件appid,该示例值即为直播组件appid(复制时请去掉注释)
    }
}

注意:直播组件appid不是该小程序的appid,可在设置=>第三方设置=>插件管理中的小程序直播组件,点击详情即可看到直播组件的appid和最新版本号。

2 后端人员调取微信提供的获取直播间列表接口获取到直播列表信息(直播房间id、名称等),然后将列表信息存放到一个自己的接口供前端调取。
3 前端人员调取后台提供的直播间列表接口,并展示获取到的直播列表信息动态。
4 当点击某个直播动态时,获取到当前直播动态的直播房间id等参数,通过wx.navigateTo跳转并传递参数,

let roomId = [直播房间id] // 填写具体的房间号,可通过下面【获取直播房间列表】 API 获取
let customParams = encodeURIComponent(JSON.stringify({ path: 'pages/index/index', pid: 1 })) // 开发者在直播间页面路径上携带自定义参数(如示例中的path和pid参数),后续可以在分享卡片链接和跳转至商详页时获取,详见【获取自定义参数】、【直播间到商详页面携带参数】章节(上限600个字符,超过部分会被截断)
wx.navigateTo({
    url: `plugin-private://wx2b03c6e691cd7370/pages/live-player-plugin?room_id=${roomId}&custom_params=${customParams}`
})
// 其中wx2b03c6e691cd7370是直播组件appid不能修改

通过该链接可跳转到直播组件页面。

  • 1
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值