基于海康综合管理平台web插件开发的问题

> ## 概述

我们做视频监控开发一般就是基于后台开发语言的SDK开发,以CS形式展现,但是现在越来越多的系统都是要在web端展示视频接口,实现方式基本上分为web插件开发、API接口地接(通过播放协议播放)。

基于简单、快速的开发方式采用插件开发,不用过多的理解js接口服务的含义,使用demo对应开发文档很快就会上手; 如果使用非插件或者对播放环境没有依赖的采用API接口协议的形式,一般就是HLS、RTMP、FLV三种协议(需要了解的可以参考https://blog.csdn.net/m0_38004177/article/details/98044608)。

> ## 正文

今天主要总结一下 海康综合管理平台1.3版本的(其他同理)浏览器插件客户端播放视频的问题。 通过管理平台下载对应的插件安装包,安装,安装完成后进行demo测试,发现页面单独运行没毛病,而且对最新的浏览器也不挑,可是我们大多数系统都是基于框架来开发的,比如弹出框预览、基于frame打开等,最郁闷的是这个插件有一很大限制就是 不支持iframe、弹出页面(弹出窗),官方文档也说明了,个人理解不支持的原因不是因为技术实现不了,是因为插件窗口大小,位置控制起来很麻烦,以及窗体加载顺序等限制。

下面介绍一下,如何解决Iframe中的问题,他的解决思路就是通过动态设置插件窗体的位置和大小达到适应框架中的位置,直接看代码解析。

iframe框架
在这里插入图片描述
此处没有特别之处,且看下面js部分,他是专门解决问题的
这里是引用

在这里插入图片描述

此处定义动态的宽和高,依据是div中的 播放区域的宽和高。 再往下看
在这里插入图片描述
里面的宽和高都替换成动态的。 下面还有更重要的,继续看
在这里插入图片描述
这三句代码可以说是灵魂代码,他能够解决你各种操作中位置变化的问题。 下面还有一个很重要的依赖代码,这是原来demo中没有的,且看
在这里插入图片描述
没怎么截全,不用担心我后面会提供源码。 说了这么多,大家也期待结果了,好的,那就直接上图,我用的是ifame,上下结构的,如下所示 在这里插入图片描述
马上上效果,不急哈
在这里插入图片描述

漂亮吧,震撼不,最主要是对齐了,不乱跳了。 下面是源码的下载路径,我也就不要积分了,多大方,网上下个破插件都十几个积分,是你的吗还要钱。。。。
https://download.csdn.net/download/m0_38004177/12324563

  • 3
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
海康ISC综合管理平台是一款基于物联网技术的智能化安防综合管理平台。该平台可以实时监控、管理和控制安防设备,包括监控摄像头、报警设备、门禁系统和电子巡更系统等。采用先进的数据分析和人工智能技术,ISC平台可以快速识别异常行为和事件,为用户提供高效便捷的安全管理服务。 该平台拥有多种智能化功能,如人脸识别、车牌识别、身份认证、场景感知、智能分析等,可以满足不同领域的安全管理需求。例如,在公共安全领域,可以用于实时监控交通、监测危险区域、快速反应紧急事件等;在企业安全领域,可以用于做好员工身份识别、访客授权管理、机房安全保障等;在学校和医院等场所,可以用于管理门禁、实时监控教学区、医疗设施等。 此外,海康ISC综合管理平台还拥有良好的可扩展性和互联性,支持多种通信协议和多种设备接口,使其能够无缝集成各种安防设备和系统。该平台可以通过云服务部署和管理,随时随地获取数据和管理设备,提高用户的管理效率和安全保障能力。 总的来说,海康ISC综合管理平台是一款领先的安防综合管理平台,提供多种智能化功能,能够满足不同领域的安全管理需求。它从数据安全、设备管理、事件响应等多个方面保证用户的安全需要,成为了当前安防行业管理的不可或缺的一款平台

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值