视联网播放器小程序组件

因小程序中使用的为 rtmp 流，故使用小程序组件进行对接，需要检查小程序主体是否具备 live-player 组件的使用资质，详情请查看官方文档

快速开始

1. 安装组件：

npm install /path/vnplayer-wxapp-x.x.x.tgz

2. 点击开发者工具中的菜单栏：工具 --> 构建 npm

3. 引入 npm 包中的播放器组件

{
  "usingComponents": {
    "vnplayer": "vnplayer-wxapp/index",
  }
}

4. 在 wxml 中使用

<vnplayer
  id="vnplayer"
  deviceId="testDeviceId"
  token="testToken"
  bind:playerChange="handlePlayerChange"
></vnplayer>

组件

视频播放器

{
  "usingComponents": {
    "player": "vnplayer-wxapp/player",
  }
}

通过withUi参数开启UI，包括对静音、全屏等按钮功能，提供播放、暂停、回放、恢复、截图、全屏、退出全屏等功能，具体接入见下方接口文档

初始化

实例方法

事件

多功能播放器

集成视频播放器、云台、截图和云存告警等多功能组件，支持通过uiDrop参数自定义功能组合，也提供了云台ptz和回放playback两个slot自定义交互。

{
  "usingComponents": {
    "vnplayer": "vnplayer-wxapp/index",
  }
}

初始化

实例方法

事件

云台

通过withUi参数开启UI，如果单独接入，需要提前判断设备是否支持云台功能

{
  "usingComponents": {
    "ptz": "vnplayer-wxapp/ptz",
  }
}

初始化

实例方法

事件

录像存储

提供录像存储查询功能，可通过withUi参数开启UI，支持云存储和告警类型自定义时间段查询，其他功能见下方接口文档

{
  "usingComponents": {
    "timeline": "vnplayer-wxapp/timeline",
  }
}

初始化

实例方法

事件