本来计划是要接七牛云直播,然后app端负责主播➕观众端,小程序主打观众端,但是由于时间紧迫而且服务服什么的比较昂贵,然后就搁置了。正好微信小程序有提供直播插件,简直yyds,太强大了这个功能,直播美颜,订阅,点赞,带货功能都有,那还不如直接用这个小程序直播。还自带后管系统,成员管理,言论涉黄等过滤等。
前提---小程序已经申请好直播功能
直接打开官方接入文档跟着操作
引入直播组件
ps:小程序原生与uniapp引入方式不一样,可直接拉到最底下
版本限制:微信客户端版本 7.0.7 及以上(基础库版本2.9.x及以上支持同层渲染)可以观看直播及使用直播间的功能,低版本刚进入直播间时会提示用户升级微信客户端版本(低版本只能观看直播,无法使用直播间的功能)。
首先获取到直播组件版本号和直播appid
直播组件id和小程序appid不一样,注意别写错了哦(官方文档给的demo也有给出---wx2b03c6e691cd7370)
打开https://mp.weixin.qq.com/进入,点击功能栏--->小程序插件--->(蓝色字)插件管理进入,找到直播组件点击详情进入可以看到
版本号找不到可以随便写一个1.2以上的,然后打开开发者工具,在控制台可以看到(有打印)
支持在主包或分包内引入【直播组件】 live-player-plugin 代码包(注:直播组件不计入代码包体积),项目根目录的 app.json 引用,示例代码如下:
(1) 主包引入
和"pages"同级
"plugins": {
"live-player-plugin": {
"version": "1.3.2", // 注意填写该直播组件最新版本号,微信开发者工具调试时可获取最新版本号(复制时请去掉注释)
"provider": "wx2b03c6e691cd7370" // 必须填该直播组件appid,该示例值即为直播组件appid(复制时请去掉注释)
}
}
(2) 分包引入
"subpackages": [
{
"plugins": {
"live-player-plugin": {
"version": "1.3.2", // 注意该直播组件最新版本号,微信开发者工具调试时可获取最新版本号(复制时请去掉注释)
"provider": "wx2b03c6e691cd7370" // 必须填该直播组件appid,该示例值即为直播组件appid(复制时请去掉注释)
}
}
}
]
使用直播组件
直接在直播控制台创建好直播间,拿到房间id
使用方法官方文档写的很详细https://developers.weixin.qq.com/miniprogram/dev/framework/liveplayer/live-player-plugin.html
开发测试:随便写了个按钮绑定方法进行跳转(房间1)
uni.navigateTo({ url: 'plugin-private://wx2b03c6e691cd7370/pages/live-player-plugin?room_id=1'})
开发者工具试一试去,走你
这个时候出问题了
一直在报错找不到版本,原来引入方式出了问题,uniapp之【live-player-plugin】正确打开方式如下
打开manifest.json——>源码视图 ——> 找到"mp-weixin"模块在下面加入
/* 小程序特有相关 */
"mp-weixin" : {
"appid" : "wx***",
"setting" : {
"urlCheck" : false,
"minified" : true
},
"usingComponents" : true,
"plugins": {
"live-player-plugin": {
"version": "1.3.2", // 注意填写该直播组件最新版本号,微信开发者工具调试时可获取最新版本号(复制时请去掉注释)
"provider": "wx2b03c6e691cd7370" // 必须填该直播组件appid,该示例值即为直播组件appid(复制时请去掉注释)
}
}
}
提审发布end
好了,现在可以直接那个小程序码进扫码进入直播间了。