微信小程序直播开发

发布日期:2020-10-30 作者:mi52.com 人气:

1. 【直播组件】如何引入

版本限制:微信客户端版本 7.0.7 及以上可以观看直播及使用直播间的功能,低版本刚进入直播间时会提示用户升级微信客户端版本(低版本只能观看直播,无法使用直播间的功能)。

直播组件支持在主包或分包内引入【直播组件】 live-player-plugin 代码包(注:直播组件不计入代码包体积),项目根目录的 app.json 引用,示例代码如下:


(1) 主包引入


"plugins": {

    "live-player-plugin": {

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

        "provider": "wx2b03c6e691cd7370" // 必须填该直播组件appid,该示例值即为直播组件appid(复制时请去掉注释)

    }

}

(2) 分包引入


"subpackages": [

    {

        "plugins": {

            "live-player-plugin": {

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

                "provider": "wx2b03c6e691cd7370" // 必须填该直播组件appid,该示例值即为直播组件appid(复制时请去掉注释)

            }

        }

    }

]


2. 【直播组件】如何使用

把组件代码包配置引入后,即可直接通过链接地址跳转到直播组件页面(即为进直播间页面)链接地址需要带上直播房间 id;房间 id 可通过下面 获取直播房间列表 API 获取。


示例代码如下:


(1) 使用 navigator 组件跳转进入直播间

index.js

let roomId = [直播房间id] // 填写具体的房间号,可通过下面【获取直播房间列表】 API 获取

let customParams = encodeURIComponent(JSON.stringify({ path: 'pages/index/index', pid: 1 })) // 开发者在直播间页面路径上携带自定义参数(如示例中的path和pid参数),后续可以在分享卡片链接和跳转至商详页时获取,

this.setData({

    roomId,

    customParams

})


index.wxml

<navigator url="plugin-private://wx2b03c6e691cd7370/pages/live-player-plugin?room_id={{roomId}}&custom_params={{customParams}}"></navigator>

// 其中wx2b03c6e691cd7370是直播组件appid不能修改


(2) 使用 navigateTo 方法跳转进入直播间


index.js

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

通过该链接可跳转到直播组件页面(当前页面入口仅开放‘live-player-plugin’)。


返回顶部

拨打电话
首页