ichinae-video

1.2.10 • Public • Published

ichinae-video

install

npm install ichinae-video

demo

npm run serve

use

import ichinaVideo from 'ichinae-video'
...
...
  components: {
    ichinaVideo
  }
...

//务必指定包裹父容器
<div class="videbox">
    <ichinaVideo ref="video" :video-option="videoOption" :vms-option="vmsOption" />
 </div>

 .videbox{
     width: 100vh;
     height: 100vh;
 }

props

data() {
    return {
        videoOption: {
            size: 4, // 分频数  1 4
            text: 'admin', // 水印名字
            disabledDb: true // 禁用双击
        },
        vmsOption: {
            ipcLinkInfo: {
                serverIP: 'http://192.168.1.61',
                serverPort: '8000'
            },
            vmslogin: {
                username: 'admin',
                password: '123456'
            }
        }
    }
}

videoOption

参数 释义 取值 默认值 是否必须
size 分屏数 1/4/6/8/9 true
text 水印 string '' false
disabledDb 是否禁用双击事件 Boolean false false

vmsOption

ipcLinkInfo
参数 释义 取值 默认值 是否必须
serverIP vms 部署地址 string true
serverPort 端口 string 8000 true
vmslogin
参数 释义 取值 默认值 是否必须
username vms 登录信息 string true
password vms 登录信息 string true

events

pushvideo(name, id, isReolay, replayTime)
// ex
this.$refs.video.pushvideo("ichinae", "111");
参数 释义 取值 是否必须
name 相机名字 string true
id 相机 id number true
isReolay 是否默认展示回放 boolean false
replayTime 回放时间 时间戳 false

视频操作方法

  • 4/8/9 分屏双击变一屏,再次双击恢复
  • 一屏时出现全屏按钮

Readme

Keywords

none

Package Sidebar

Install

npm i ichinae-video

Weekly Downloads

0

Version

1.2.10

License

none

Unpacked Size

2.28 MB

Total Files

13

Last publish

Collaborators

  • wangzhichao