海康威视web控件开发的正确姿势(1)

最新推荐文章于 2024-05-13 02:03:41 发布
最新推荐文章于 2024-05-13 02:03:41 发布
阅读量695 收藏 25
点赞数 13
分类专栏： 程序员 文章标签： 前端 javascript vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qinglp/article/details/137885231
版权

https://open.hikvision.com/download/5cda567cf47ae80dd41a54b3?type=10&id=4c945d18fa5f49638ce517ec32e24e24

在这里插入图片描述

熟悉demo程序

==========================================================================

打开这个web控件开发包的文档，可以看到，这个控件是利用ActiveX控件和NPAPI实现的。IE上用ActiveX控件，Chrome基于NPAPI实现，并且需要安装codebase目录下的WebComponentsKit.exe插件。这里我们可以了解到，该控件不适用于高版本Chrome浏览器，这是一个很不爽的地方。不过目前还没有找到其他合适的方案，也只能试试这个方案了。

web控件说明

打开demo目录下的index.html，我们可以看到它支持的功能还是很多的。

而我并不需要这么多功能，只需要能把网络摄像头的画面呈现在项目页面上就好了。

海康web控件demo页面

定制开发

==================================================

最低0.47元/天 解锁文章
36氪（36Kr）广播
关注
  • 13
    点赞
  • 踩
  • 25
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
海康威视web3.0二次开发
11-17
海康威视web3.0二次开发，测试能用，必须IE浏览器或者内核IE,亲自测试能用，简单好用，上手容易，里面功能几乎都有。
海康威视web控件开发的正确姿势
前端原创分享，常年坚持记录和分享，全网阅读量超百万
07-18 5万+
最近一个vue的项目里面需要呈现某现场的实时视频，组里购买了一组海康威视的网络摄像头，是那种带管理程序的，通过ip，port，用户名，密码登录摄像头，但是不知道如何应用到web项目中。查找资料后，我在网上找到一个web控件开发包，于是在此基础上进行开发，实现vue项目需要的功能。 熟悉demo程序 ...
2024年前端最全海康威视web控件开发的正确姿势(1)，2024年最新面试都面试些什么
最新发布
2401_84619606的博客
05-13 293
javascript是前端必要掌握的真正算得上是编程语言的语言，学会灵活运用javascript，将对以后学习工作有非常大的帮助。掌握它最重要的首先是学习好基础知识，而后通过不断的实战来提升我们的编程技巧和逻辑思维。这一块学习是持续的，直到我们真正掌握它并且能够灵活运用它。如果最开始学习一两遍之后，发现暂时没有提升的空间，我们可以暂时放一放。继续下面的学习，javascript贯穿我们前端工作中，在之后的学习实现里也会遇到和锻炼到。真正学习起来并不难理解，关键是灵活运用。
海康视频插件web端接入
qq_23988859的博客
08-25 1632
解决视频插件在浏览器窗口变动的时候 插件也不隐藏随意乱跑的问题 这里说明下我用的版本是1.5.0 设置窗口变化监听在监听里面重新设置播放器插件的大小 $(window).resize(function () { // console.log(“串口”) if(_self.oWebControl!==null&&_self.oWebControl!==undefined){ //这里的id是渲染插件的div的ID因为我的这个div是随着窗口变化而自适应的所以重新设置插件大小直接把插件大小设置
海康WEB3.3控件开发包 V3.3 前端vue项目调用实时监控画面
hero8011的博客
09-22 1万+
本需求的完成离不开后端将设备映射到公网， 以及前端单独部署demo页面这个思路的转变。
java开发调用海康威视摄像头的web端页面开发心得
热门推荐
lucius93的博客
07-18 9万+
最近在开发过程中  需要用到海康威视的摄像头 在web端展示  在各种百度之后 发现网上很难找到一个  简便，可靠的教程 在摸索着完成项目之后 ，决定写一篇攻略  造福有需求的小伙伴 言归正传   首先需要下载一个海康威视开发包（百度搜索“ 海康威视web开发包”）也可以给我留言索要 提供3.0开发包 第一步：打开下载好的文件之后在找到demo文件夹下cod
vue对接海康web1.5.2开发包，实现摄像头画面展示
qq_42872626的博客
08-23 3323
对接海康视频插件v.1.5.2版本，实现摄像头视频在页面的显示，其对浏览器也有兼容发性的要求，其他的相关的内容可以看官方文档这里是整个对接海康摄像头的过程，在实现的过程中遇到的问题，如果有不对的地方希望大佬可以指正，第一次写，主要想记录一下开发过程遇到的问题以及一些技术点。
海康威视web控件开发包
11-13
这个“海康威视web控件开发包”提供了丰富的功能，便于开发者进行二次开发，实现定制化的视频播放、监控操作等功能。在C#环境下，利用这些控件可以轻松构建一个强大的Web视频监控系统。 该开发包的核心部分是用于在...
海康威视WEB3.0控件开发包
10-14
海康威视作为全球领先的安防产品及解决方案提供商，其WEB3.0控件开发包是为开发者设计的一款重要工具，旨在帮助他们构建基于Web的视频监控应用。这个开发包，即"CH_WEB3.0控件开发包V1.1.0_Win64"，是针对64位...
海康威视 web3.2 控件开发包 以及开发文档
03-19
海康威视摄像头的Web SDK开发包 WebComponentsKit.exe 版本号： 3.0.6.2 webVideoCtrl.js 版本号： 1.1.0 注意： 安装WebComponentsKit.exe的32/64位安装包是根据浏览器的版本，而不是系统的版本 OS: ...
海康威视WEB3.0开发包1.rar
03-10
1. **开发文档**：这是开发者理解海康威视WEB3.0控件接口和功能的重要参考资料，它通常会详细说明API调用方式、参数设置、错误处理等信息，帮助开发者快速上手。 2. **Demo**：演示程序是实际应用的实例，通过运行...
海康威视web控件开发+vue结合做网页开发-附件资源
03-05
海康威视web控件开发+vue结合做网页开发-附件资源
我使用海康威视Web3.2_控件开发包但是登录她一直报错404，解决
Korey__的博客
11-09 1244
配置nginx的config本机地址和端口，root指向vue的打包文件dist（index那默认是index.html index.htm，我是因为打包index.html将名字修改成videoData所以哪里写了videoData.html，默认index可以不改）公司之前让我用海康威视Web3.2_控件开发包，没用过，一直在查文档，最后上手写在登录时一直报错404，最后解决了，请看代码。记得打包后先启动nginx-1.10.2中的start.bat哦，然后输入本机地址和端口号就可以看了。
海康web3.2开发
weixin_73874305的博客
05-12 1847
这就是我使用海康web3.2开发包的方法，第一次接触解析视频流的家人们莫慌，慢慢来就是了，最后谁懂后端甩一个录像机IP在前端接入视频流的！2.测试开发环境无法测试，需要配置本地Nginx环境，打包才能测试！我找的解析海康返回的数据xml格式方法，是把通道信息提取出来，直接是数组，自己再处理成对象，大家可以自己也试试。甲方要求再页面可以实时观看监控，后端还不写接口，让用海康的开发包....，终于开发完成，给大家分享一下。注意，登录成功后海康接口返回的通道数据是xml格式的，下面是解析通道的方法。
基于vue2+海康威视web开发包3.2 无插件版本开发的监控系统
weixin_48474646的博客
12-19 3244
项目最终效果为 可以预览，并且可以使用云台控制购买的海康威视摄像头必须可以开启websocket。
海康摄像头前端调用实时画面解决方案（无插件版开发）
qq_36873710的博客
06-17 1万+
项目中有一个需求，是需要把海康摄像机的实时画面在项目前端的页面中展示出来。本文的技术栈主要用到了等，辅助软件主要有海康自带的iVMS-4200 3.9.1.4 客户端、VLC media player等。原先最开始是想使用海康官方提供的WEB无插件开发包，但是在实际开发中发现有部分海康摄像头型号不支持webcoket，最后采用了webrtc来进行解决，通过开发后，前端只需要在页面书写原生video标签即可展示摄像头实时画面，经过测试，画面传输画质较高、性能稳定。提示：以下是本篇文章正文内容，可供参考。
海康威视WEB3.0控件开发包提供的demo 调试
全易
02-27 6184
设备概览： 网线 ×3 录像机 ×1 交换机 ×1 摄像头 ×1 设备间连接方式： 一根网线连接电脑到交换机 一根网线连接摄像头到交换机 一根网线连接录像机到交换机 下载官方demo 我这设备支持websocket取流，所以需要下载WEB3.0控件开发包 V3.0 配置电脑环境 需要保证设备与电脑之间在一个网段 查看录像机的ip： 那么你的电脑也必须在192.168.1.啥啥啥： 启动demo 安装插件： 启动环境： 在IE浏览器预览demo WEB无插件开发
通过java解码web前端直接预览海康威视摄像头
qq_22824481的博客
08-31 1万+
前端直连海康威视摄像头，并进行登录和预览摄像头实时画面，进行播放。
海康威视web无插件3.2控件和web3.0控件开发包区别
09-06
海康威视web无插件3.2控件和web3.0控件开发包的区别主要体现在以下几个方面。 首先，海康威视web无插件3.2控件是在web浏览器中使用的一种控件，它可以与海康威视的监控设备进行实时视频播放和设备操作等交互。而web...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值