草庐IT

SkeyeWebPlayer

全部标签

SkeyeVSS综合安防监控录像回放控制之自定义可拖动时间轴组件

SkeyeVSS综合安防视频云服务通过接入SkeyeRMS录像服务器实现对系统里的摄像机等设备录像,通过自定义的时间轴组件对录像记录进行加载渲染,播放器回调时间与下面时间轴相互联动,集拖动、点击、缩放、无限加载等于一体的时间轴组件。通过接口获取录像回放记录的列表,数据结构中包含每段录像的开始与结束时间,把每段记录绘制到时间轴上,左右拖动会自动触发日期的改变回调,再通过接口去获取对应日期的数据,方便我们整体查看,点击有录像的时间段区域或拖动指针(三角形)返回当前时间戳,再配合拉流进行播放,通过滚轮缩放最小精确到秒,最终效果如图所示:时间轴组件基本功能时间轴初始化代码及录像时间段的数据格式,如下:

SkeyeVSS综合安防监控录像回放控制之自定义可拖动时间轴组件

SkeyeVSS综合安防视频云服务通过接入SkeyeRMS录像服务器实现对系统里的摄像机等设备录像,通过自定义的时间轴组件对录像记录进行加载渲染,播放器回调时间与下面时间轴相互联动,集拖动、点击、缩放、无限加载等于一体的时间轴组件。通过接口获取录像回放记录的列表,数据结构中包含每段录像的开始与结束时间,把每段记录绘制到时间轴上,左右拖动会自动触发日期的改变回调,再通过接口去获取对应日期的数据,方便我们整体查看,点击有录像的时间段区域或拖动指针(三角形)返回当前时间戳,再配合拉流进行播放,通过滚轮缩放最小精确到秒,最终效果如图所示:时间轴组件基本功能时间轴初始化代码及录像时间段的数据格式,如下: