TSINGSEE青犀视频目前正在研发基于车载视频监控的新功能,包括轨迹跟踪、轨迹回放等。轨迹跟踪适用于车载监控场景,基于车内的车载监控装置,可以实时记录车辆的位置、行驶轨迹等信息,并且在轨迹回放中,能对车辆的行驶路线过程进行回放,掌握车辆的历史行踪。该功能对于车辆、车队的管理具有十分重要的意义。
今天和大家分享下在该功能研发中的一点技巧:如何实现表格自动滚动。
需求:
轨迹信息表格为了能和地图上运动的轨迹点同步运动,需要滚动到对应的列并展示高亮。
实现方式:
1)在表格标签上加入ref,方便操作Dom元素。
2)编写操作表格滚动的函数,函数传入表格列表的下标。这里已经知道列表高度为38,当传入对应的下标并乘38,赋值给滚动的高度。表格的SetCurentRow为设置表格的高亮方法。
3)当地图上的点位运动后会传入下标执行tableTop函数,表格就会自动滚动到对应的列。
预览效果:
作为视频监控行业的重要分支,车载视频监控是交通监控领域的重要应用。TSINGSEE青犀视频基于JT1078协议与多年来在音视频流媒体领域的研发经验,围绕定位、轨迹回放、实时视频监控、驾驶行为监测、录音、智能报警等模块,打造出智能化、数字化、可视化的车载视频监控平台,助力“两客一危”等车辆的安全监管。