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

1、项目根目录的 app.json 分包中引用

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

*注意： provider 必须是直播插件的 ID 千万不要写成小程序的 appId *

{

      "root": "pages/live-player-plugin",

      "pages": [

        "live-player-plugin"

      ],

      "plugins": {

        "live-player-plugin": {

          "version": "1.1.1", // 注意填写该直播组件最新版本号，微信开发者工具调试时可获取最新版本号（复制时请去掉注释）

          "provider": "wx2b03c6e69..." // 必须填该直播组件appid，该示例值即为直播组件appid（复制时请去掉注释）  //  

        }

      }

}

注意：

provider这个值，是 直播插件的id，这个id都是一样的，不会因为使用者不同而改变的。

直播组件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不能修改

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

5、通过链接跳转

plugin-private://wx2b03c6e691cd7370/pages/live-player-plugin?room_id=[直播房间id]

链接从room_id 之前的部分是不可以更改的， 就老老实实的使用这个链接 改变后面的直播间 id 就好