PHP群:95885625 Hbuilder+MUI群:81989597 站长QQ:634381967
    您现在的位置: 首页 > 开发编程 > HBuilderX教程 > 正文

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

    作者:admin来源:网络浏览:时间:2021-08-28 13:58:29我要评论
    导读:微信小程序有提供直播插件,简直yyds,太强大了这个功能,直播美颜,订阅,点赞,带货功能都有,那还不如直接用这个小程序直播
    小程序原生与uniapp引入方式不一样,可直接拉到最底下

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

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

    版本号找不到可以随便写一个1.2以上的,然后打开开发者工具,在控制台可以看到(有打印)
    uniapp接入微信小程序直播插件

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

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

    1. "subpackages": [ 
    2.     { 
    3.         "plugins": { 
    4.             "live-player-plugin": { 
    5.                 "version""1.3.2"// 注意该直播组件最新版本号,微信开发者工具调试时可获取最新版本号(复制时请去掉注释) 
    6.                 "provider""wx2b03xxxxxx" // 必须填该直播组件appid,该示例值即为直播组件appid(复制时请去掉注释) 
    7.             } 
    8.         } 
    9.     } 

    使用直播组件
    直接在直播控制台创建好直播间,拿到房间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"模块在下面加入

    1. /* 小程序特有相关 */ 
    2.    "mp-weixin" : { 
    3.        "appid" : "wx***"
    4.        "setting" : { 
    5.            "urlCheck" : false
    6.            "minified" : true 
    7.        }, 
    8.        "usingComponents" : true
    9.        "plugins": { 
    10.            "live-player-plugin": { 
    11.                "version""1.3.2"// 注意填写该直播组件最新版本号,微信开发者工具调试时可获取最新版本号(复制时请去掉注释) 
    12.                "provider""wx2b03xxxxxx" // 必须填该直播组件appid,该示例值即为直播组件appid(复制时请去掉注释) 
    13.            } 
    14.        } 
    15.    } 


    转载请注明(B5教程网)原文链接:https://b5.mxunkeji.com/content-146-6610-1.html
    相关热词搜索: uniapp直播插件