live-broadcast-the-component

首先在小程序代码根目录（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 参数 直播的推流地址 在预览中可以看到直播详情