VmsVideo.md 2.94 KB
Newer Older
喻天's avatar
喻天 committed
1
---
程恺文's avatar
程恺文 committed
2
title: VmsVideo - 视频组件
喻天's avatar
喻天 committed
3 4 5 6 7 8 9
nav:
  title: 基础组件
  path: /components
group:
  path: /
---

程恺文's avatar
程恺文 committed
10
# VmsVideo 视频组件
喻天's avatar
喻天 committed
11

喻天's avatar
喻天 committed
12
## 组件使用
喻天's avatar
喻天 committed
13

程恺文's avatar
程恺文 committed
14
**需将组件中 JessibucaVideo 文件夹,拷贝至环境根目录 public 中**<br/> **且需在子应用或者基座上的入口文件 index.html 或者 index.ejs 中,用 script 标签将 jessibuca.js 引入**<br/> 如:<br/> `<script type="text/javascript" src="/civ_energy/JessibucaVideo/jessibuca.js"></script>`<br/> <br/> **在定义 decoder.js 文件路径时**<br/> 如:<br/> `let _url = '/civ_energy/JessibucaVideo/decoder.js'`<br/> <br/>
喻天's avatar
喻天 committed
15

程恺文's avatar
程恺文 committed
16
**需安装的依赖项: ezuikit-js axios (1.npm i ezuikit-js 2.npm i axios)**
喻天's avatar
喻天 committed
17 18 19

<code src="./demos/dmeo1.tsx">

喻天's avatar
喻天 committed
20 21
## 参数说明

程恺文's avatar
程恺文 committed
22
| JessibucaObj 常用参数(对萤石 EZOPEN 协议不生效) | 说明 | 类型 | 默认值 |
喻天's avatar
喻天 committed
23
| --- | --- | --- | --- |
喻天's avatar
喻天 committed
24
| **decoder** | 是文件"/JessibucaVideo/decoder.js"的路径 | string | --- |
喻天's avatar
喻天 committed
25 26 27 28 29 30 31 32 33 34 35 36 37
| hiddenAutoPause | 是否开启当页面的'visibilityState'变为'hidden'的时候,自动暂停播放。 | boolean | false |
| hasAudio | 是否有音频,如果设置 false,则不对音频数据解码,提升性能 | boolean | true |
| isFlv | 当为 true 的时候:ws 协议不检验是否以.flv 为依据,进行协议解析。 | boolean | false |
| isNotMute | 是否开启声音,默认是关闭声音播放的。 | boolean | false |
| loadingText | 加载过程中文案 | string | "视频加载中" |
| controlAutoHide | 底部控制台是否自动隐藏 | boolean | false |
| recordType | 默认录制的视频格式 | string | mp4 |
| operateBtns | 配置操作按钮,以下为 operateBtns 详细属性 | object |  |
|  | fullscreen 是否显示全屏按钮 | boolean | true |
|  | screenshot 是否显示截图按钮 | boolean | true |
|  | play 是否显示播放暂停按钮 | boolean | true |
|  | audio 是否显示声音按钮 | boolean | true |
|  | record 是否显示录制按钮 | boolean | true |
程恺文's avatar
程恺文 committed
38
| VideoParam 参数 | --- | --- | --- |
喻天's avatar
喻天 committed
39
| fullUrl | 完整 url,接入 flv 或者三方的链接 | string | "" |
程恺文's avatar
程恺文 committed
40 41 42
| username | 账号 | string | "6c44c8e92d1c4d75a9818756025df550" |
| password | 密码 | string | "78b7dc88f9f4bf19c2b1aabfdd995244" |
| address | 地址 | string | "123638446" |
程恺文's avatar
程恺文 committed
43
| protocol | 协议类型 | string | "萤石 EZOPEN" |
44
| gateway | 是否走网关 | boolean | false |
程恺文's avatar
程恺文 committed
45 46
| pandavmsHost | pandavms 后端主机地址 eg | string | ws://172.16.19.19:8080/ |
| useFullUrl | 是否为完整 url,是,则取 fullUrl,否,则会用 pandavmsHost 和 id 去拼接 | boolean | false |
程恺文's avatar
程恺文 committed
47
| id | 摄像头唯一标识,一串 GUID | string | "" |
程恺文's avatar
程恺文 committed
48
| name | 摄像头名称 | string | "" |
程恺文's avatar
程恺文 committed
49
| dataRate | 码率,Main 为主码流,Sub 为辅码流,与消耗网络有关,主码流消耗最高,**由于拼接方式不定,改为是字符串传入** | string | 'Sub' |
喻天's avatar
喻天 committed
50 51 52 53

## 写在最后

更多参数,方法,事件,可查看 demo1 中的调用方法,以及参考 Jessibuca 在线文档 ,https://jessibuca.com/api.html