微信小程序如何引入直播组件?

// 具体可查看文档的引入.这里以主包简单介绍
// app.js引入，首先需要在小程序后台第三方设置里添加插件。
"plugins": {
    "live-player-plugin": {
        "version": "1.1.1", // 注意填写该直播组件最新版本号，微信开发者工具调试时可获取最新版本号（复制时请去掉注释）
        "provider": "wx2b03c6e691cd7370" // 必须填该直播组件appid，该示例值即为直播组件appid（复制时请去掉注释）
    }
}

<template>
  <div>
    <button @tap="toLiveRoom">点我去看直播</button>
  </div>
</template>

<script>
import wepy from '@wepy/core'
wepy.page({
  data: {
  },
  computed: {},
  created () {
  },
  onLoad (e) {
  },
  methods: {
    toLiveRoom() {
      let roomId = [3] //直播房间号的id
      let customParams = encodeURIComponent(JSON.stringify({ path: '/liveRoom', pid: 1 })) // 开发者在直播间页面路径上携带自定义参数（如示例中的path和pid参数），后续可以在分享卡片链接和跳转至商详页时获取，详见【获取自定义参数】、【直播间到商详页面携带参数】章节（上限600个字符，超过部分会被截断）
      wx.navigateTo({
        url: `plugin-private://wx2b03c6e691cd7370/pages/live-player-plugin?room_id=${roomId}&custom_params=${customParams}`
      })
    }
  }

})
</script>
<style lang="less">
</style>