iframe嵌入海康威视摄像头监控视频画面

news2024/11/29 8:51:49

前言:海康威视有非常好的开放平台支持(海康开放平台),如遇到技术问题,可以先花点时间在开放平台视频教程板块学习一下。直接问客服可能会比较懵,而且sdk客服和api客服互相分离,一开始可能都不知道问谁。

在开放平台上,海康摄像头监控支持主要分为两种:sdk和api。sdk是硬件系统,直接对接单个摄像头设备;api是软件系统,对接的是海康摄像头统一管理平台。我收到的需求是统一处理公司一百多个摄像头监控视频,所以选择综合安防管理平台api。

登录后下载视频WEB插件V1.5.3:

解压后的目录及文件构成如下:

打开bin目录,安装VideoWebPlugin.exe插件。

打开demo目录,运行webs.exe插件。由于我们需要用iframe标签将监控画面嵌入我们的项目网页中,所以需要用到的是demo_embedded_for_iframe.html和demo_for_iframe.html两个文件, 其中_embedded被嵌入到了_iframe文件中,后续需要修改这两个文件中的部分参数:

在配置前,需要确保公司的综合安防管理平台和运行管理中心可访问。运行webs.exe后,浏览器输入http://127.0.0.1/demo_for_iframe.html,可以打开如下页面:

必须配置的参数为:

初始化参数:

{
    "argument": {
        "appkey": "",      // 购买海康摄像头后,海康威视提供的身份标识
        "ip": "",   // 综合安防管理平台的ip地址,直接写ip,不要加https
        "port": 443   // 默认为443
}

appkey如何查找?我其实也费了一番工夫,主要参考以下视频:

除了appkey, 要获取播放参数中必需的cameraIndexCode,还需要appSecret这个值。以下是我根据视频教程找到的方法:运行管理中心 - 状态监控 - 搜索artemis - api网关artemis  - 选项卡api管理 - 合作方管理  - 合作方key和合作方secret。

运行管理中心也是必须的,不知道可以问公司相关维护人员。

必须配置的播放参数为cameraIndexCode, 查找办法为:运行管理中心 - 状态监控 - 搜索artemis - api网关artemis  - 选项卡api管理 - 查询监控点 - 在线调试 - 认证信息 - 输入appkey和appsecret  - body改为{ "pageNo": 1, "pageSize": 100} - 发送请求 -拷贝json文件 - 找到cameraIndex

pageSize可以改大一点,如果你公司购买的海康摄像头比较多的话。

把上述配置参数填到demo_for_iframe.html页面中,就可以播放监控视频了。

在项目页面中,通过iframe标签,引入demo_for_iframe.html:<iframe src="http://127.0.0.1/demo_for_iframe.html
"/>。



  

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1599024.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

《二》Qt Creator工具介绍与使用

一、关于界面 点击文件--->新建文件或项目会出现如下图&#xff1a; 我们选择第一个 点击下一步下一步&#xff1a; 继续下一步直到结束&#xff1a; 二&#xff0c;具体文件介绍 我们点击pro查看以下 QT core gui第1行 表示使用qt的core和gui库&#xff0c;如果以后…

【JAVA基础篇教学】第十四篇:Java中设计模式

博主打算从0-1讲解下java基础教学&#xff0c;今天教学第十四篇&#xff1a;Java中设计模式。 设计模式是解决软件设计中常见问题的可重复利用的解决方案。在 Java 中&#xff0c;常见的设计模式包括单例模式、工厂模式、观察者模式等。目前在基础教学篇中只展示常见的几种模…

背会这套面试八股文!还怕拿不到offer吗?

给各位小伙伴总结了软件测试的高频面试题&#xff0c;其中包含了多个方面的知识点&#xff0c;包括&#xff1a; 测试基础(102页) Linux基础(38页) MySQL (63页) ️ web测试(28页) APP测试(38页) selenium相关(50页) 性能测试(55页) 数据结构跟算法(51页) 大厂逻辑题(…

图深度学习(一):介绍与概念

目录 一、介绍 二、图的数据结构 三、图深度学习的基本模型 四、图深度学习的基本操作和概念 五、训练过程 六、主要应用场景 七、总结 一、介绍 图深度学习是将深度学习应用于图形数据结构的领域&#xff0c;它结合了图论的概念和深度学习的技术&#xff0c;用以处理和…

二叉树的创建和遍历(java)

简介 二叉树是一种常见的树形数据结构&#xff0c;它由节点组成&#xff0c;每个节点最多有两个子节点&#xff0c;分别称为左子节点和右子节点。这些节点以层次结构的方式组织在一起&#xff0c;每个节点都有一个父节点&#xff0c;除了根节点外&#xff0c;每个节点都有一个…

SpringBoot配置profile

一、profile简介 我们在开发Spring Boot应用时&#xff0c;通常同一套程序会被安装到不同环境&#xff0c;比如:开发、测试、生产等。其中数据库地址、服务器端口等等配置都不同&#xff0c;如果每次打包时&#xff0c;都要修改配置文件&#xff0c;那么非常麻烦。profile功能就…

用Python做一个游戏辅助脚本,完整编程思路分享!

一、说明 简述&#xff1a;本文将以4399小游戏《 宠物连连看经典版2 》作为测试案例&#xff0c;通过识别小图标&#xff0c;模拟鼠标点击&#xff0c;快速完成配对。对于有兴趣学习游戏脚本的同学有一定的帮助。 运行环境&#xff1a;Win10/Python3.5。 主要模块&#xff1…

吴恩达llama课程笔记:第七课llama安全工具

羊驼Llama是当前最流行的开源大模型&#xff0c;其卓越的性能和广泛的应用领域使其成为业界瞩目的焦点。作为一款由Meta AI发布的开放且高效的大型基础语言模型&#xff0c;Llama拥有7B、13B和70B&#xff08;700亿&#xff09;三种版本&#xff0c;满足不同场景和需求。 吴恩…

C语言:文件操作(三)

目录 前言 5、文章的随机读写 5.1 fseek 5.2 ftell 5.3 rewind 结语 前言 本篇文章继续讲解文件操作&#xff0c;讲解文件的随机读写&#xff0c;主要有三个函数&#xff1a;fseek&#xff1b;ftell&#xff1b;rewind。 前面讲解的函数都是对文件内容进行顺序读写&#x…

STM32CubeMx下载安装环境搭建及工程创建

一、stm32介绍 STM32F103C8T6是一款由意法半导体公司&#xff08;ST&#xff09;推出的基于Cortex-M3内核的32位微控制器&#xff0c;硬件采用LQFP48封装&#xff0c;属于ST公司微控制器中的STM32系列。除了被我们熟知的STM32&#xff0c;ST公司还有SPC5X系列、STM8系列等&…

【C++类和对象】类和对象的引入

&#x1f49e;&#x1f49e; 前言 hello hello~ &#xff0c;这里是大耳朵土土垚~&#x1f496;&#x1f496; &#xff0c;欢迎大家点赞&#x1f973;&#x1f973;关注&#x1f4a5;&#x1f4a5;收藏&#x1f339;&#x1f339;&#x1f339; &#x1f4a5;个人主页&#x…

微信运动接口(获取自己的微信运动数据)

var pc new WXBizDataCrypt(appid, session_key); 这段代码是使用微信官方提供的 WXBizDataCrypt 类来解密微信运动数据。WXBizDataCrypt 是一个用于解密微信开放平台返回的加密数据的类&#xff0c;它需要传入两个参数&#xff1a;appid 和 session_key。其中&#xff0c;ap…

如何重置root用户的密码

即进入Linux操作系统的救援模式去重置密码。 1.首先重启机器&#xff0c; 2.进入grup菜单&#xff0c;按上下键盘&#xff0c;让系统的启动停在这个界面&#xff0c; 3.选择这个grup菜单的第一项&#xff0c;可以看界面下面的提示&#xff0c;按字母e编辑这个系统的启动配置…

STL —— stack、queue

博主首页&#xff1a; 有趣的中国人 专栏首页&#xff1a; C专栏 目录 1. 容器适配器 2. 栈的模拟实现 3. 队列的模拟实现 4. 双端队列deque 4.1 deque的原理介绍 4.2 deque的缺陷 4.3 为什么选择deque作为stack和queue的底层默认容器 本篇文章主要讲解 stack 和 queue …

基于SpringBoot的“银行OA系统的设计与实现”的设计与实现(源码+数据库+文档+PPT)

基于SpringBoot的“银行OA系统的设计与实现”的设计与实现&#xff08;源码数据库文档PPT) 开发语言&#xff1a;Java 数据库&#xff1a;MySQL 技术&#xff1a;SpringBoot 工具&#xff1a;IDEA/Ecilpse、Navicat、Maven 系统展示 用户登录界面 管理员主界面 员工基本档…

【C++从练气到飞升】07---内存管理

&#x1f388;个人主页&#xff1a;库库的里昂 ✨收录专栏&#xff1a;C从练气到飞升 &#x1f389;鸟欲高飞先振翅&#xff0c;人求上进先读书。 目录 一、 C/C内存分布 二、 C语言中动态内存管理方式 三、 C中动态内存管理 1. new/delete操作内置类型 2. new和delete操作…

Composer是什么?

Composer是PHP的一个依赖管理工具&#xff0c;它允许开发者声明项目所依赖的代码库&#xff0c;并在项目中自动安装这些依赖。它使用composer.json文件来定义项目的依赖关系&#xff0c;并使用composer.lock文件来锁定依赖的版本&#xff0c;以确保项目的稳定性和可重复性。 Co…

流媒体服务器的应用场景

流媒体服务器的应用场景 流媒体常用协议 RTSP 不适合手机和浏览器端 RTMP 比较适合手机和浏览器端直播 HLS 延迟比较高&#xff0c;适合点播

mysql奇葩问题union

单独执行第一条&#xff0c;有三条结果&#xff1b; union之后&#xff0c;只有一条结果&#xff1b; union自动的把重复数据合并了&#xff1b;