当前位置: 首页 > 工具软件 > wechat-plug > 使用案例 >

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

宿建本
2023-12-01

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不能修改

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

 类似资料: