uniapp接入微信小程序直播插件

本来计划是要接七牛云直播,然后app端负责主播➕观众端,小程序主打观众端,但是由于时间紧迫而且服务服什么的比较昂贵,然后就搁置了。正好微信小程序有提供直播插件,简直yyds,太强大了这个功能,直播美颜,订阅,点赞,带货功能都有,那还不如直接用这个小程序直播。还自带后管系统,成员管理,言论涉黄等过滤等。
前提---小程序已经申请好直播功能
直接打开官方接入文档跟着操作

引入直播组件

ps:小程序原生与uniapp引入方式不一样,可直接拉到最底下

版本限制:微信客户端版本 7.0.7 及以上(基础库版本2.9.x及以上支持同层渲染)可以观看直播及使用直播间的功能,低版本刚进入直播间时会提示用户升级微信客户端版本(低版本只能观看直播,无法使用直播间的功能)。
首先获取到直播组件版本号和直播appid
直播组件id和小程序appid不一样,注意别写错了哦(官方文档给的demo也有给出---wx2b03c6e691cd7370)
打开https://mp.weixin.qq.com/进入,点击功能栏--->小程序插件--->(蓝色字)插件管理进入,找到直播组件点击详情进入可以看到

image.png

image.png

版本号找不到可以随便写一个1.2以上的,然后打开开发者工具,在控制台可以看到(有打印)


image.png

支持在主包或分包内引入【直播组件】 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
好了,现在可以直接那个小程序码进扫码进入直播间了。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容