导读:微信小程序有提供直播插件,简直yyds,太强大了这个功能,直播美颜,订阅,点赞,带货功能都有,那还不如直接用这个小程序直播
小程序原生与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": "wx2b03xxxxxx"
- }
- }
(2) 分包引入
- "subpackages": [
- {
- "plugins": {
- "live-player-plugin": {
- "version": "1.3.2",
- "provider": "wx2b03xxxxxx"
- }
- }
- }
- ]
使用直播组件
直接在直播控制台创建好直播间,拿到房间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": "wx2b03xxxxxx"
- }
- }
- }