一文教你uni-app开发小程序直播功能,轻松打造专属直播间!

04-11 1160阅读

1、微信后台申请插件开通

微信后台 登录微信后台

点击设置中的第三方设置 —> 添加插件 --> 点击小程序直播组件(获取AppID)

一文教你uni-app开发小程序直播功能,轻松打造专属直播间!

一文教你uni-app开发小程序直播功能,轻松打造专属直播间!

一文教你uni-app开发小程序直播功能,轻松打造专属直播间!

2、微信后台开通直播功能

点击进入直播后台系统

一文教你uni-app开发小程序直播功能,轻松打造专属直播间!

这里就是我们创建的直播功能区域

一文教你uni-app开发小程序直播功能,轻松打造专属直播间!

3、代码中接入直播插件AppID

支持在主包或分包内引入【直播组件】 live-player-plugin 代码包

(注:直播组件不计入代码包体积),项目根目录的 app.json 引用,示例代码如下:

uni-app开发中在pages.json引入

(1) 主包引入和"pages"同级

"plugins": {
    "live-player-plugin": {
        "version": "1.3.0", // 注意填写该直播组件最新版本号,微信开发者工具调试时可获取最新版本号(复制时请去掉注释)
        "provider": "wx2b03c6e691cd7370" // 必须填该直播组件appid,该示例值即为直播组件appid(复制时请去掉注释)
    }
}

Copy

(2) 分包引入

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

Copy

4、【直播组件】如何使用

直接在直播控制台创建好直播间,拿到房间id;

相关文档 微信接入文档

进入直播间方式

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

// 1、使用 navigator 组件跳转进入直播间
VPS购买请点击我

文章版权声明:除非注明,否则均为主机测评原创文章,转载或复制请以超链接形式并注明出处。

目录[+]