taro-vue 使用第三方插件【miniprogram-barrage】开发微信小程序【直播弹幕】

本文介绍如何在Taro-Vue框架下利用miniprogram-barrage插件实现微信小程序端视频直播弹幕功能,包括插件安装、引入步骤及使用方法。

近日使用taro-vue开发微信小程序端的视频直播,并且用户可以发送弹幕。该功能基于微信小程序第三方插件miniprogram-barrage,接下来主要以此插件为例说一下使用taro跨端开发框架如何正确的使用第三方插件:

首先【miniprogram-barrage】这个插件我们要使用npm安装到我们的node_modules依赖包里面

npm install --save miniprogram-barrage

其次,我们要在项目的node_modules依赖包里面找到我们安装的插件:如下图所示:

该文件夹内部就是原生微信组件,复制这个文件夹并放在我们自己创建的conponents文件夹内部,如下图所示:

接下来,就要在需要用到的组件的xxx.config.js内部引入这个组件【miniprogram-barrage】,如图所示:

组件的引入方式还是原生的方式引入,但是路径一定注意,路径时我们刚刚复制并粘贴到我们自己创建的components文件夹内部(下面简单解释一下为什么要这么麻烦,因为我们在使用taro框架开发微信小程序的时候,当我们执行npm run dev:weapp命令后,taro帮我们生成了一个dist文件夹,生成的dist文件夹内部没有node_modu

评论 3
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值