欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

【开发记录】RTSP/GB28181/HIKSDK视频融合平台EasyCVR调整录像列表排序过程

程序员文章站 2022-07-04 22:58:49
...

关于TSINGSEE青犀视频全线产品的录像功能,我已经为大家介绍过很多了,比如EasyGBS修改云端录像的存储位置、EasyDSS如何将虚拟直播进行录像H265编码录像视频文件如何减缓卡顿等,大家可以回顾一下。

EasyCVR作为TSINGSEE青犀视频的新平台,其协议融合的作用不可小觑,同时,EasyCVR也能够对直播视频流进行录像。由于录像列表的排序未按最新时间往后排序,所以在录像较多的情况下不方便查看最新的录像内容。

【开发记录】RTSP/GB28181/HIKSDK视频融合平台EasyCVR调整录像列表排序过程

为了使录像列表界面更加直观,我们对EasyCVR的录像列表界面进行了一点调整。

打开控制台查看接口发现接口返回的数据并没有按最新时间往后排序,因此前端展示排序不对。

【开发记录】RTSP/GB28181/HIKSDK视频融合平台EasyCVR调整录像列表排序过程

修改方法:找到项目下的 backchannel.vue 文件把接口返回的res.data.list数据排序反转一次。代码示例如下:

getListDaily() {
      this.loading = true;
      record
        .recordQuerydaily(this.dailyQuery)
        .then(res => {
          if (res.status === 200) {
            this.name = res.data.name;
            this.dataList = res.data.list.reverse();
            this.loading = false;
          }
        })
        .catch(() => {
          this.loading = false;
        });
    },

调整好后显示如下图:

【开发记录】RTSP/GB28181/HIKSDK视频融合平台EasyCVR调整录像列表排序过程

EasyCVR视频平台支持传统网络摄像机、NVR、编码器、SDK等设备,最大程度的提高了硬件设备的兼容性,支持RTSP、GB28181、HIKSDK、Ehome等协议,并且主流厂家的私有协议在不断扩展中。如果大家需要视频相关解决方案,欢迎与我们联系,EasyCVR提供试用版本,欢迎大家测试。

【开发记录】RTSP/GB28181/HIKSDK视频融合平台EasyCVR调整录像列表排序过程