yz-player-sdk

影子视频直播接入组件

$3

$3

#### 参数

| 参数 | 值 | 说明 |
| ------- | ------- | ------- |
| 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:


`

`
index.js
`

``


海康开发文档
[https://open.ys7.com/doc/zh/]()

乐橙云开发文档
[https://open.imoulife.com/book/zh]()