2020-12-02

小程序接入小程序直播

微信小程序里的直播对前端来说非常友善，最主要没法改需求可以无视23333~
小程序直接引入直播

1.引入

主包引入
"plugins": {
    "live-player-plugin": {
        "version": "1.2.4", // 注意填写该直播组件最新版本号，微信开发者工具调试时可获取最新版本号（复制时请去掉注释）
        "provider": "wx2b03c6e691cd7370" // 必须填该直播组件appid，该示例值即为直播组件appid（复制时请去掉注释）
    }
}
//分包引入
"subpackages": [
    {
        "plugins": {
            "live-player-plugin": {
                "version": "1.2.4", // 注意该直播组件最新版本号，微信开发者工具调试时可获取最新版本号（复制时请去掉注释）
                "provider": "wx2b03c6e691cd7370" // 必须填该直播组件appid，该示例值即为直播组件appid（复制时请去掉注释）
            }
        }
    }
]

2.使用还有种是标签使用不写了，有点懒

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}`
})

uniapp引入小程序直播

"mp-weixin" : {
        /* 小程序特有相关 */
    "usingComponents" : true,
    "appid" : "xxx",
    "plugins": {
                "live-player-plugin": {
                    // 注意填写该直播组件最新版本号，微信开发者工具调试时可获取最新版本号（复制时请去掉注释）
                    "version": "1.0.15", 
                    // 必须填该直播组件appid，该示例值即为直播组件appid（复制时请去掉注释）申请开通小程序直播的时候小程序组件里有
                    "provider": "wx2b03c6e691cd7370" 
                }
    }
    }