首页 > 其他分享 >EasyCVR视频融合平台视频广场左侧列表样式错乱问题的优化

EasyCVR视频融合平台视频广场左侧列表样式错乱问题的优化

时间:2023-05-08 16:13:15浏览次数:48  
标签:视频 样式 平台 EasyCVR 列表 左侧 错乱

EasyCVR平台可在复杂的网络环境中,将分散的各类视频资源进行统一汇聚、整合、集中管理,实现视频资源的鉴权管理、按需调阅、全网分发、智能分析等。平台可提供视频监控直播、云端录像、云存储、录像检索与回看、智能告警、平台级联、集群、电子地图、H.265视频自动转码、智能分析等视频能力与服务。

近期我们对EasyCVR的视频广场左侧列表样式进行了优化。有用户反馈,在项目现场,平台的视频广场左侧列表样式出现了错乱显示不全的现象。技术人员立即进行了排查。

查看项目发现,是因为在左侧列表中出现了多层级联的嵌套导致样式的异常。因为样式的总宽度是确定的,但是每一层级联后,下一层都会在上一层的后面一点。

如上图,最终因为五六层或者多层导致中间通道名称所能占据的宽度越来越小,从而导致错位现象。通过优化各个元素的排列方式,使代码更加清晰:

再增加样式: overflow: visible;

这样,左侧列表下方可以通过移动的方式使其显示全,且不会样式错乱。

 

EasyCVR平台还能支持多类型设备接入,覆盖市面上绝大多数的视频源设备,包括:IPC、NVR、视频编码器、无人机、车机设备、智能一体机、移动执法仪、应急布控球等。平台可提供一体化的视频接入、分发、存储、处理等能力,在线下具有丰富的应用场景,包括:智慧工地、智慧安监、智慧消防、智慧物流、智慧社区等。感兴趣的用户可以前往演示平台进行体验或部署测试。

标签:视频,样式,平台,EasyCVR,列表,左侧,错乱
From: https://www.cnblogs.com/easycvr/p/17382106.html

相关文章

  • 昇腾实战丨DVPP媒体数据处理视频解码问题案例
    摘要:本期就分享几个关于DVPP视频解码问题的典型案例,并给出原因分析及解决方法本文分享自华为云社区《DVPP媒体数据处理视频解码问题案例》,作者:昇腾CANN。DVPP(DigitalVisionPre-Processing)是昇腾AI处理器内置的图像处理单元,通过AscendCL媒体数据处理接口提供强大的媒体处理硬......
  • 在一个进程中通过队列的方式缓存opencv视频帧,并在另一个进程中读取
    import_threadimportqueueimporttimeimportcv2fromflaskimportFlask,Responseapp=Flask(__name__)max_size=3q1=queue.Queue(maxsize=max_size)q2=queue.Queue(maxsize=max_size)open_flag=1defopen_and_show(ip_camera_url,title):......
  • markdown插入图片、音频视频
    1、markdown简介Markdown是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档。Markdown编写的文档后缀为.md,.markdown简单易学容易上手,十分钟左右即可上手有助于作者专心写作(各种在线博客编辑坑太多,文档丢失、广告太多,可移植性差)2、插入图片......
  • 用ffmpeg合并字幕文件到视频里面
    下了个视频文件是ass字幕+mkv格式视频,原视频文件还内置了英文字幕,上网查了下fmpeg用法,正好我电脑里面jellyfin附带了ffmpeg命令,直接用就可以了。去掉字幕"C:\ProgramFiles\Jellyfin\Server\ffmpeg.exe"-i"test.mkv"-vcodeccopy-acodeccopy-sntest-no-sub.mkv合并字幕......
  • 使用ffprobe获取视频关键帧信息
    关键帧对seek操作的精度非常重要,项目中对视频的seek要求比较高,所以需要查看关键帧间隔ffprobe-i49Y888piCxCI00123.mp4-vquiet-select_streamsv-show_entriesframe=pkt_pts_time,pict_type得到的输出前后2个pkt_pts_time的差值即关键帧的间隔时间(单位为秒),不过需要注......
  • 如何实现视频中两台电脑的实时屏幕共享
    1屏幕共享功能介绍屏幕共享是指在视频通话或互动直播过程中将屏幕内容以视频的方式分享给其他的观众,以增强互动体验,提高沟通效率。屏幕共享解决方案提升了用户实时视频通话的沟通效率。屏幕共享在如下场景中应用广泛:视频会议场景中,屏幕共享可以将讲话者本地的文件、数据、网页、PP......
  • 音视频八股文(10)-- mp4结构
    介绍mp4⽂件格式⼜被称为MPEG-4Part14,出⾃MPEG-4标准第14部分。它是⼀种多媒体格式容器,⼴泛⽤于包装视频和⾳频数据流、海报、字幕和元数据等。(顺便⼀提,⽬前流⾏的视频编码格式AVC/H264定义在MPEG-4Part10)。概述mp4⽂件由box组成,每个box分为Header和Data。其中Header部分......
  • .Net MAUI Blazor存储访问权限仅照片和视频,没有所有文件管理权限
    参考:https://blog.csdn.net/ansondroider/article/details/1266555131、首先把MinimumTargetAndroidFramework的最低版本号指定为30或30以上2、然后找到Platforms/Android/AndroidManifest.xml把文件管理的权限加上<uses-permissionandroid:name="android.permission.READ_EXT......
  • 城市“一网统管”智能视频平台EasyCVR配置中心代码细节优化
    EasyCVR视频融合平台基于云边端一体化架构,具有强大的数据接入、处理及分发能力,平台支持海量视频汇聚管理,能在复杂的网络环境中,将分散的各类视频资源进行统一汇聚、整合、集中管理,实现视频直播、云端录像、云存储、检索回看、智能告警、平台级联、服务器集群、云台控制与语音对讲、......
  • Qt音视频开发44-本地摄像头推流(支持分辨率/帧率等设置/实时性极高)
    一、前言本地摄像头推流和本地桌面推流类似,无非就是采集的设备源头换成了本地摄像头设备而不是桌面,其他代码完全一样。采集本地摄像头实时视频要注意的是如果设置分辨率和帧率,一定要是设备本身就支持的,如果不支持那就歇菜,比如设备本身最大分辨率到1280x720,你主动设置要采集1080x7......