前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >EasyCVR想要增加多功能可视化页面,该如何操作?

EasyCVR想要增加多功能可视化页面,该如何操作?

原创
作者头像
TSINGSEE青犀视频
发布2022-09-07 16:15:33
3220
发布2022-09-07 16:15:33
举报
文章被收录于专栏:TSINGSEE青犀视频

EasyCVR平台基于云边端一体化架构,具有强大的数据接入、处理及分发能力。平台可在复杂的网络环境中,将分散的各类视频资源进行统一汇聚、整合、集中管理,可实现的视频功能包括:视频实时直播、云端录像、云存储、回放与检索、智能告警、服务器集群、平台级联、云台控制等。

近期有用户提出想在其定制版EasyCVR平台增加数据可视化页面,具体要求为:页面视频列表放置左侧,中间为单分屏和四分屏视频播放,右侧为通过websocket实时获取的告警信息,概念图如下:

根据用户要求,按照以下步骤即可实现上图效果:

1、左侧列表根据需求修改点击时的设备通道字体颜色,以及滚动条样式,首先增加以下样式:

2、切换四分屏播放,需保留原先单分屏正在播放的视频流并监听分配变化,增加如下代码:

3、右侧部分,最多可显示20条告警信息,更多信息可以通过下拉查看,并且最新告警信息会自动置顶,同时删除最末的一条数据,根据以下代码即可添加此功能。至此,用户所提需求即可全部满足。

EasyCVR视频融合云服务基于云边端一体化架构,具有强大的数据接入、处理及分发能力,平台支持海量视频汇聚管理,可提供视频监控直播、云端录像、云存储、录像检索与回看、智能告警、平台级联、语音对讲、集群、智能分析等视频能力。EasyCVR目前已经在大量的线下场景中落地应用,如智慧工厂、智慧工地、智慧安防、智慧校园、智慧水利等。感兴趣的用户可以前往演示平台进行体验或部署测试。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
云直播
云直播(Cloud Streaming Services,CSS)为您提供极速、稳定、专业的云端直播处理服务,根据业务的不同直播场景需求,云直播提供了标准直播、快直播、云导播台三种服务,分别针对大规模实时观看、超低延时直播、便捷云端导播的场景,配合腾讯云视立方·直播 SDK,为您提供一站式的音视频直播解决方案。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档