当前位置:网站首页>Optimization of middle alignment of loading style of device player in easycvr electronic map
Optimization of middle alignment of loading style of device player in easycvr electronic map
2022-07-06 17:40:00 【EasyCVR】
In our previous article, we introduced about EasyCVR Platform GIS Electronic map function , This function means , The platform can connect devices ( camera 、 On board monitoring 、 Individual soldier 、 Law enforcement instrument, etc ) stay GIS Real time display on electronic map , It also supports real-time video monitoring of the current device by clicking the icon . Besides , The platform can also support the drawing of historical driving tracks 、 Historical track playback and other functions , It can be applied to mobile law enforcement 、 In vehicle monitoring and other scenes . Interested users can search our previous articles to understand .

There's user feedback , When clicking the device corresponding to the electronic map to play the monitoring video , player loading Style offset , Failed to center . For the feedback of this user , We checked and solved .

Query the corresponding web page source code of the current page , Check the corresponding dom page , Add the corresponding dom style , And add the parent container , Complete the loading of the player loading Style centered :

The optimized video playback page is as follows , here loading The style has been centered :

EasyCVR Video convergence cloud service is our video platform with a wide range of access protocols , It can support the mainstream standard agreements in the market , Such as GB GB28181 agreement 、RTMP/RTSP/Onvif Protocol access , And the manufacturer's private agreement and SDK Access , Like Haikang EHOME、 The sea, SDK、 Dahua SDK etc. , Support the distribution of multi format video streams , Include RTSP、FLV、HLS、WebRTC etc. .

The platform can realize video transcoding 、 live broadcast 、 videotape 、 Look back 、 Cloud storage 、 Cascade and other capabilities , It is widely used in offline scenes , Such as smart construction site 、 Smart campus 、 Smart community 、 Intelligent buildings, etc . Interested users can go to the demonstration platform for experience or deployment testing .
边栏推荐
- 自动答题 之 Selenium测试直接运行在浏览器中,就像真正的用户在操作一样。
- Grafana 9 正式发布,更易用,更酷炫了!
- 05个人研发的产品及推广-数据同步工具
- Unity粒子特效系列-闪星星的宝箱
- Spark calculation operator and some small details in liunx
- 05 personal R & D products and promotion - data synchronization tool
- 信息与网络安全期末复习(完整版)
- FlutterWeb浏览器刷新后无法回退的解决方案
- About selenium starting Chrome browser flash back
- Akamai talking about risk control principles and Solutions
猜你喜欢
![[elastic] elastic lacks xpack and cannot create template unknown setting index lifecycle. name index. lifecycle. rollover_ alias](/img/03/ece7f7b28cd9caea4240635548c77f.jpg)
[elastic] elastic lacks xpack and cannot create template unknown setting index lifecycle. name index. lifecycle. rollover_ alias

03个人研发的产品及推广-计划服务配置器V3.0

About selenium starting Chrome browser flash back
![[ASM] introduction and use of bytecode operation classwriter class](/img/0b/87c9851e577df8dcf8198a272b81bd.png)
[ASM] introduction and use of bytecode operation classwriter class

07个人研发的产品及推广-人力资源信息管理系统

JUnit unit test

Flink analysis (I): basic concept analysis

Start job: operation returned an invalid status code 'badrequst' or 'forbidden‘

Huawei certified cloud computing hica

集成开发管理平台
随机推荐
MySQL stored procedure
Kali2021 installation and basic configuration
05个人研发的产品及推广-数据同步工具
How does wechat prevent withdrawal come true?
03 products and promotion developed by individuals - plan service configurator v3.0
06个人研发的产品及推广-代码统计工具
05 personal R & D products and promotion - data synchronization tool
学 SQL 必须了解的 10 个高级概念
基于LNMP部署flask项目
Solid principle
基于Infragistics.Document.Excel导出表格的类
Hongmeng introduction and development environment construction
pip install pyodbc : ERROR: Command errored out with exit status 1
Flexible report v1.0 (simple version)
Quick start of Hongmeng system
Debug xv6
Grafana 9 正式发布,更易用,更酷炫了!
yarn : 无法加载文件 D:\ProgramFiles\nodejs\yarn.ps1,因为在此系统上禁止运行脚本
BearPi-HM_ Nano development board "flower protector" case
Development and practice of lightweight planning service tools