page-title-warning 模块使用手册

vesion： v1.0.0 date： 2024.09.20 author： [email protected]

编写目的

本手册，是用于介绍视频回放时间轴组件

模块功能简介

该模块是视频播放器和时间轴组合而成，通常用于视频回放。 主要功能有： 1.支持时间轴分辨率调整，放大缩小 2.支持时间轴的点击和拖动 3.支持倍速播放 4.支持上一帧/下一帧查看等

模块外部库依赖：

该模块使用了以下外部模块作为依赖

| id | name | field | describe | version | url |
| --------- | --------- | --------- | --------- | --------- | --------- | | 1 | npm | UI开发 | 开发环境 |v8.13.2 | http://nodejs.cn/ | | 1 | npm | UI开发 | 开发环境 |v8.13.2 | http://nodejs.cn/ | | 1 | @wanglin1994/video-timeline | 视频播放 | 时间轴 |v0.1.10 | https://github.com/wanglin2/VideoTimeLine | | 1 | npm | UI开发 | 开发环境 |v8.13.2 | http://nodejs.cn/ |

模块如何使用：

1.设置npm默认仓库地址为内部npm仓库 可以使用以下命令或其他命令设置npm默认仓库地址为内部npm仓库

npm config set registry http://10.112.2.180:4873

2.使用npm安装此模块,注意一定要带版本号，并且是最新的版本号@x.x.x

npm install [email protected]

3.引用方法

import { setTitle, startChange, stopChange, startChangeTxt, stopChangeTxt, initPageTitleWarning } from "page-title-warning";

4.必须先执行初始化方法initPageTitleWarning()，该方法会记录原始标题和图标地址，否则改变图标时报错

5.setTitle方法用于设置新标题，会接收一个字符串做参数，例如

setTitle("新的网页标题")

6.startChange图标闪烁方法，需要传入2个ico图片路径和一个毫秒数,例如

startChangeWrapper(){
  const src1 = "/warnning_1_1.ico";
  const src2 = "/warnning_1_2.ico";
  const millisecond = 100;
  startChange(src1,src2,millisecond)
}

7.执行stopChange，会停止改变图标，并恢复到原始图标及标题

8.startChangeTxt标题文字闪烁方法，需要传入2个不同的标题文字字符串和一个毫秒数,例如

startChangeTxtWrapper(){
  const txt1 = "警告：出现故障";
  const txt2 = "警告：出现故障！！！";
  const millisecond = 100;
  startChangeTxt(txt1,txt2,millisecond)
}

9.执行stopChangeTxt，会停止改变标题文字，并恢复到原始图标及标题

注意事项

无

参考文档：

无

Thank you for watching

Copyright © Dalian Seasky Automation Co., Ltd