1.1.4 • Published 3 years ago
live-broadcast-the-component v1.1.4
首先在小程序代码根目录(project.config.json中miniprogramRoot配置的目录)中依次执行:
npm init
npm i live-broadcast-the-component -S --production //安装组件
要在小程序中使用第三方npm组件 构建npm时必须要在小程序根目录的 project.config.json中设置
"packNpmManually": true,
"packNpmRelationList": [
{
//小程序根目录的package.json
"packageJsonPath": "./package.json",
//生成的miniprogram_npm的位置
"miniprogramNpmDistDir": "./"
}
],
首先,在开发者工具的项目配置中开启使用npm模块,然后执行“工具-构建npm”操作,成功后会产出一个miniprogram_npm/
文件夹,这个文件夹是可以在开发者工具中看到的,到这一步npm包才算真的安装成功,可以在小程序项目中正常调用 miniprogram_npm/`文件夹。
组件的引用 使用页面中的json文件中引入组件
{
"usingComponents": {
"live-com":"../../miniprogram_npm/live-broadcast-the-component/live-cpm"
}
}
在页面中使用
<live-com num="{{num}}" mediaPath="{{'rtmp://mobliestream.c3tv.com:554/live/goodtv.sdp'}}"/>
num为点击数目
mediaPath是推流地址
传入mediaPath 参数 直播的推流地址 在预览中可以看到直播详情