0.2.15 • Published 2 years ago

xd-video-vue2 v0.2.15

Weekly downloads
-
License
-
Repository
-
Last release
2 years ago

xd-video

支持

  • 海康插件
  • 大华插件
  • 西瓜播放器
  • 西瓜播放器hls.js
  • 西瓜播放器flv.js
  • easyPlayer

使用方式

/**
 包默认导出的是全局导入 install模式
 提供按需导入 xdVideo dhVideo hkVideo  defaultXdVideo
 正常情况下直接导入xdVideo 就是导入所有的 看自己需要  提供这个方式只是避免全局导入而已

 项目采用了webpack5  并且加用了模块联邦有需要自己拉代码使用
 */
// improt xdVideo1,{xdVideo, dhVideo, hkVideo, defaultXdVideo} from 'xd-video-vue2'

属性

/**
 * componentName 指定播放器 海康 hkVideo 大华 dhVideo 默认 defaultXdVideo
 */
/**
 * autoUrl 自动获取地址
 * @type {Boolean}
 * @default false
 * @description 自动获取地址 自动获取hk或者dh的m3u8地址
 * 当autoUrl 设置为true的时候 option.url 会变成 hk://xx  dh://xxx  hk-m3u8://xxx dh-m3u8:// webrtc://xxx
 * hk://xxx@ip=xxx&port=xxx&appKey=xxx&appSecret=xxx  海康还可以这样写  就不用传了哦
 */
// 自定义获取m3u8地址的方法 不定义这个方法的时候 会使用自带的方法
window.request.videoRequest = {
  hk: (id) => Promise.resolve(''),
  dh: (id, isM3u8) => Promise.resolve('')
}
/**
 * options
 */
let options = {
  url: '' | [''] | {url: '', videoType: '', customData: {}} | [{}],
  num: 1,// 窗口数量 实际上会根据url 计算 所以这个可以不传
  isLive: true, // 是否是直播
  splitWindow: [1, 4, 6, 9, 16], // 窗口数量有哪些
  isCustomControl: true, // 自定义控制条显示
}
// 海康
options = {
  url: '' | [''],
  appKey: "",
  appSecret: "",
  port: "",
  ip: "",
  layout: '1x1', // 可以不传 5x5以内的数量会自动计算
  showToolbar: 1, // 是否显示工具控制栏
}
// 大华
options = {
  url: '' | [''] | {path: '', redirect: ''} | [{}],
}
// 公用的
options = {
  attrs: {} // 自定义属性  例如大华的 noTip dieldClass 等
}
属性海康大华默认
options

操作事件

eventFunction(eventName, args)
//eventName
//1. setSrc  设置播放地址 参数一个url
//2. switchWindow  切换窗口数量  参数 num
//3. switchScreen 切换全屏
事件eventFunction海康大华默认
setSrc
switchWindow
switchScreen

监听事件

/**
 * 1. windowClick 窗口被点击 有两个参数  index  data
 * 2. numChange 窗口数量发生变化  num
 * 3. playStateChange 播放状态 true.正在播放  false.播放结束/播放错误..
 *    如果是多个窗口  是以所有窗口的状态一致  才会变化
 */
监听事件海康大华默认
windowClick
numChange
playStateChange
0.2.15

2 years ago

0.2.14

2 years ago

0.2.13

2 years ago

0.2.12

2 years ago

0.2.11

2 years ago

0.2.10

2 years ago

0.2.1

2 years ago

0.2.7

2 years ago

0.2.6

2 years ago

0.2.9

2 years ago

0.2.8

2 years ago

0.2.3

2 years ago

0.2.2

2 years ago

0.2.5

2 years ago

0.2.4

2 years ago

0.1.30

2 years ago

0.1.31

2 years ago

0.1.32

2 years ago

0.1.33

2 years ago

0.1.31-6

2 years ago

0.1.31-5

2 years ago

0.1.31-4

2 years ago

0.1.28

2 years ago

0.1.29

2 years ago

0.1.28-4

2 years ago

0.1.28-3

2 years ago

0.1.28-2

2 years ago

0.1.28-1

2 years ago

0.2.0

2 years ago

0.1.31-3

2 years ago

0.1.31-2

2 years ago

0.1.31-1

2 years ago

0.1.30-2

2 years ago

0.1.30-1

2 years ago

0.1.27

3 years ago

0.1.2-6.2

3 years ago

0.1.2-6.1

3 years ago

0.1.26

3 years ago

0.1.25

3 years ago

0.1.24

3 years ago

0.1.23

3 years ago

0.1.22

3 years ago

0.0.1

3 years ago