2.5.5 • Published 8 months ago
@zxyf/ztrack v2.5.5
蝉衣可视化回溯系统
蝉衣可视化回溯系统由青岛中正合力软件有限公司自主研发,具有回溯内容全面、有效、全程自带追溯码、防篡改、回溯记录易查阅的特点。
同时,本系统接入简单、数据量小,非常适用于保险、金融领域的交易全过程回溯。
1. 安装蝉衣回溯依赖库
npm install @zxyf/ztrack
或
yarn add @zxyf/ztrack
2. 录制初始化
// 引入录制库
import ZTrackRecorder from '@zxyf/ztrack';
// 初始化参数
const params = {
autoStart: true // 是否自动开始
};
// 通过构造函数实例化后再执行初始化
const recorder = new ZTrackRecorder();
recorder.init(params).then(() => {
console.log('录制初始化成功,开始录制');
});
// 初始化成功后可以通过recorder.bizUuid 获取当前bizUuid
// bizUuid 也可以放到params中作为初始化参数
3 开始录制
// 如果初始化参数 autoStart 为true,则无需调用
recorder.start().then(() =>{
console.log('开始录制');
});
4 添加回溯业务节点
// 添加的业务节点可以在回溯视频中直接查看,业务节点KEY值、名称可以在后台进行设置
recorder.addBizNode('VIEW_NOTICE').then(() =>{
console.log('添加“查看须知”业务节点');
}); // 添加业务节点,可以通过 recorder.bizNodes 获取,非必须
5 停止录制
// 停止录制,停止录制后继续调用 recorder.start() 可以继续录制
recorder.stop().then(() => {
console.log('录制停止');
});
6 完成录制
// 完成录制,表示业务已完成,后续不可继续录制
recorder.finish().then(() => {
console.log('录制完成');
});
7 回溯效果播放
初始化成功后可以通过recorder.bizUuid 获取当前bizUuid,
回溯完成后可以通过以下链接查看,其中XXXX是录制时传入的bizUuid
https://dev.helisoft.cn/ztrack-simple-player/?bizUuid=XXXX
8. 管理后台播放
蝉衣回溯配备了管理后台,我们以vant组件库进行回溯测试,模拟添加业务节点后,实际播放效果如下:
备注:
请勿在正式环境直接使用,商用请联系商务人员:
18513565468 李经理 17664051807 耿经理