npm package: @layen-king/jx-cms-video-plugin
Description: [![Build Status](https://badgen.net/travis/layen/jx-cms-video-plugin/master)](https://travis-ci.com/layen/jx-cms-video-plugin) [![NPM Download](https://badgen.net/npm/dm/@layen/jx-cms-video-plugin)](https://www.npmjs.com/package/@layen/jx-cms-video-plugin
Author: https://github.com/layen-king
Latest version: 1.1.1

# jx-cms-video-plugin

[![Build Status](https://badgen.net/travis/layen/jx-cms-video-plugin/master)](https://travis-ci.com/layen/jx-cms-video-plugin)
[![NPM Download](https://badgen.net/npm/dm/@layen/jx-cms-video-plugin)](https://www.npmjs.com/package/@layen/jx-cms-video-plugin)
[![NPM Version](https://badge.fury.io/js/%40layen%2Fjx-cms-video-plugin.svg)](https://www.npmjs.com/package/@layen/jx-cms-video-plugin)
[![NPM License](https://badgen.net/npm/license/@layen/jx-cms-video-plugin)](https://github.com/layen/jx-cms-video-plugin/blob/master/LICENSE)
[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://github.com/layen/jx-cms-video-plugin/pulls)
[![Automated Release Notes by gren](https://img.shields.io/badge/%F0%9F%A4%96-release%20notes-00B2EE.svg)](https://github-tools.github.io/github-release-notes/)

short description + sample image(png/gif/mp4)

## Table of Contents

- [Introduction](#introduction)
- [Features](#features)
- [Install](#install)
- [Usage](#usage)
- [Links](#links)
- [Contributing](#contributing)
- [Contributors](#contributors)
- [License](#license)

## Introduction

jx-cms-video 项目播放器，搭配 @layen-king/jx-cms-video-main-pligun 使用，支持 GB、PG 设备根据 NO 播放。
后台需要 RTMB、RTSP 流转 webSocket-flv、http-flv 格式。
webSocket-flv 可以绕过浏览器同时播放 6 路限制。
支持自定义海报、缓冲界面、上下工具栏、等
默认包含抓拍、切换码流、断流重连、录像、收藏、错误提示等

[⬆ Back to Top](#table-of-contents)

## Features

[⬆ Back to Top](#table-of-contents)

## Install

```
npm install @layen-king/jx-cms-video-plugin
```

```
yarn add  @layen-king/jx-cms-video-plugin
```

[⬆ Back to Top](#table-of-contents)

## Usage

如果搭配 jx-cms-video-main-plugin 使用，无需任何配置。

####自定义功能如下

```
<jxCmsPluginVideo
  ref="Video"
  :data="item.data"
  :index="item.index"
  :current-video-index="currentVideoIndex"
  :video-data="item.videoData"
  :video-command="videoCommand"
>
  <!--自定义缓冲-->
  <template v-slot='waiting'></template>
  <!--自定义3D云功能-->
  <template v-slot='PTZ3D'></template>
  <!--自定义错误信息-->
  <template v-slot='errorMessage'></template>
  <!--自定义工具栏-->
  <template v-slot='toolBar'></template>
</jxCmsPluginVideo>
```

[⬆ Back to Top](#table-of-contents)

## Links

- [docs](https://layen.github.io/jx-cms-video-plugin/)

[⬆ Back to Top](#table-of-contents)

## Contributing

For those who are interested in contributing to this project, such as:

- report a bug
- request new feature
- fix a bug
- implement a new feature

Please refer to our [contributing guide](https://github.com/FEMessage/.github/blob/master/CONTRIBUTING.md).

[⬆ Back to Top](#table-of-contents)

## Contributors

Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):

<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->
<!-- prettier-ignore -->
<!-- ALL-CONTRIBUTORS-LIST:END -->

This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!

[⬆ Back to Top](#table-of-contents)

## License

[MIT](./LICENSE)

[⬆ Back to Top](#table-of-contents)