0.0.6 • Published 7 years ago
vue-subtitle-editor v0.0.6
subtitle-editor
异常状态表
| 异常状态码 | 对应文案 |
|---|---|
| 1001 | 输入时间格式错误 |
| 1002 | 时间间隔过小 |
| 1003 | 时间间隔异常 |
| 1004 | 时间轴不能为空 |
| 2001 | 字幕文本解析失败 |
Prop
| 参数 | 详情 | 默认值 |
|---|---|---|
| enSubtitlesText | 英文字幕文件数据 | '' |
| zhSubtitlesText | 中文字幕文件数据 | '' |
| subtitleInterval | 2条字幕轴的最小时间间距，小于此值将无法新增字幕轴 | 2 |
| timeInterval | 字幕轴开始和结束时间最小差距，小于此值：1.字幕文件中不合法的将会被合并 2.时间无法修改 | 0.5 |
| currentTime | 决定了高亮的字幕轴 | 0 |
| wrapHeight | 容器高度 | 300 |
| prefixCls | 样式前缀，只需要在完全重写样式的时候修改它 | 'subtitle-editor' |
| timeReadOnly | 时间只读，为true将无法修改时间 | false |
| itemHeight | 字幕轴高度，在完全重写样式字幕轴高度发生改变的情况下修改它，它会影响高亮字幕组自动出现在视口的功能 | 88 |
Event
| 事件名 | 参数 | 详情 |
|---|---|---|
| on-current-time-change | currentTime, target(此参数用来标识此事件的请求主体，没用可忽略) | currentTime发生改变的时候触发事件 |
| on-timed-line-error | {errcode:xxx, errmsg: ''} | 参考异常状态表 |
| on-merge-timed-lines | {mergeIndexes: Array 合并的2条字幕轴的下标（从0开始的）} | 点击合并按钮时 并不会直接合并 会触发此事件 |
| on-delete-time-line | index：删除时间轴的下标 | 点击删除按钮时 并不会直接删除 会触发此事件 |
Method
| 方法名 | 参数 | 详情 |
|---|---|---|
| mergeTimedLines | indexes 合并的2条字幕轴下标 | 触发on-merge-timed-lines事件后 如果需要合并请调用此方法 |
| deleteTimedLine | index 删除的字幕轴下标 | 触发on-delete-time-line事件后 如果需要删除请调用此方法 |
| getSubtitleText | void | 获取当前字幕文本 返回结果为 {biSubtitle: '',enSubtitle: '',zhSubtitle: ''}这样的对象 |