# yz-player-sdk
> 影子直播播放器H5 sdk
Latest version **0.7.4** (published 2021-12-30) · ISC license · 0 weekly downloads
## Install
```sh
npm install yz-player-sdk
pnpm add yz-player-sdk
yarn add yz-player-sdk
bun add yz-player-sdk
```
## Health
**Score 15/100 (F)** — status: abandoned.
Positive: no vulnerabilities.
Warnings: low downloads; no types; no esm support; pre 1.0.
Negative: abandoned; low maintenance score.
## Facts
| | |
|---|---|
| Version | 0.7.4 |
| Published | 2021-12-30 |
| First published | 2021-07-07 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 1 |
| Unpacked size | 3.3 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | 薛懿源 |
| Maintainers | xueyy |
| Keywords | yingzi, yz, yz-player-sdk |
## Links
- npm: https://www.npmjs.com/package/yz-player-sdk
- npm.io page: https://npm.io/package/yz-player-sdk
## Dependencies (1)
- [ezuikit-js](https://npm.io/package/ezuikit-js.md) 0.1.7
## Recent versions
- 0.7.4 (latest) — 2021-12-30
- 0.7.3 — 2021-12-28
- 0.7.2 — 2021-11-25
- 0.7.1 — 2021-11-25
- 0.7.0 — 2021-11-25
- 0.6.19 — 2021-09-09
- 0.6.18 — 2021-09-09
- 0.6.17 — 2021-09-09
- 0.6.16 — 2021-08-13
- 0.6.15 — 2021-08-13
- 0.6.14 — 2021-08-12
- 0.6.12 — 2021-08-04
- 0.6.11 — 2021-08-04
- 0.6.10 — 2021-07-20
- 0.6.9 — 2021-07-20
- … 117 more at https://npm.io/package/yz-player-sdk/versions
## README
## 影子视频直播接入组件
### 版本0.x.x
### 支持*React*，*Vue*项目通过npm引入，原生*Html*通过引入script标签进行实例化调用
#### 参数
| 参数 | 值 | 说明 |
| ------- | ------- | ------- |
| type | string |必填 字符串 海康：haikang 乐橙：lecheng |
| url | string |必填 视频播放地址 |
| container | string |必填 视频容器，内部播放器自适应宽高（按照宽度，等比缩放高度），设置容器宽度即可控制播放器大小|
| kitToken | string |非必填 仅乐橙需要，如果海康调用，可以不填|
#### 使用方式
第一步：
```
yarn add yz-player-sdk
或
npm install yz-player-sdk
```
第二步：
如需乐橙云，需要引入乐橙云必要文件（乐橙云sdk集成方式及同源策略限制，需将必要文件上传至项目服务器）
将imouplayer.js和static文件夹直接拷贝至入口文件同层目录下(文件夹名固定为static不可修改为其他名称)
文件地址 https://github.com/xueyy/resources/tree/main
react：
```
import React, { useEffect } from 'react';
import { init } from 'yz-player-sdk';
const Demo = () => {
useEffect(() => {
init({
type: 'haikang', // 必填 字符串 haikang = 海康或 lecheng = 乐橙
url:'https://open.ys7.com/v3/openlive/G22188122_1_1.m3u8?expire=1625650510&id=332912439701385216&t=4ea00078f065d826c3991f7f4e050eef20d992c265795113e53c46c511222fa3&ev=100', // 必填 视频播放地址
container: 'myplayer', // 必填 视频容器，内部播放器自适应宽高（按照宽度，等比缩放高度），设置容器宽度即可控制播放器大小
kitToken:'keycode', // 非必填 仅乐橙需要，如果海康调用，可以不填
});
}, []);
return ()
}
export default Demo
```
vue：
```
```
html:
```
Document
```
index.js
```
```
海康开发文档
[https://open.ys7.com/doc/zh/]()
乐橙云开发文档
[https://open.imoulife.com/book/zh]()
---
_Source: https://npm.io/package/yz-player-sdk · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._