<template> <div class="video-player"> <div id="divPlugin" class="divPlugin" ref=cn-bei..
原创
2022-11-18 00:07:06
1701阅读
业务需求，要求实现摄像头窗口4*3的布局，可是海康提供的api只有1x1,2x2,3x3,4x4这样的平方数。本文提供一个解决方法，来实现4*3,3*4等不规则的窗口分割布局，先上图。思路：找到修改布局的函数 WebVideoCtrl.I_ChangeWndNum(iType) iType是一个整数，在WebVideoCtrl.js查找该函数，找到如下代码this.I_Chan
转载
2024-08-17 08:57:17
554阅读
在index.html文件中先引入需要的脚本<script src="./hikvision/jquery-1.7.1.min.js"></script>
<script src="./hikvision/webVideoCtrl.js"></script>
<script src="./hikvision/jsPlugin-1.0.0
进入网站下载后解压，打开demo下codebase文件夹下WebComponents.exe安装，也可以不用安装，IE浏览器可以直接看到监控视频（打开cn目录下的demo.html即可直接看到，需要登录哟）。结合Java开发：将cn目录下的demo.css、demo.js和codebase目录下的webVideoCtrl.js复制到你的项目里，再将cn目录下demo.html的代码复制到你项目的j
转载
2023-05-31 20:43:05
566阅读
技术点前端iView + webVideoCtrl.js（有改动） 后台Java基本功能实时预览 动态配置NVR参数，获取NVR下的所有摄像头（支持多nvr同时预览），提供窗口配置功能，记录当前窗口所对应的的摄像头，下次进入页面可以手动载入录像回看 回放功能支持进度拖拽设备管理提供NVR设备管理功能其他由于涉及到业务方面，其余功能页面就不展示了，有兴趣做海康威视web开发的可以一起讨论前端代码实时
转载
2023-07-29 11:03:38
350阅读
本文介绍了海康威视Web视频插件在Vue项目中的集成方法。主要内容包括：1) 插件下载地址及环境配置说明；2) Nginx启动和前端demo的使用方式；3) Vue组件代码示例，展示了视频插件的初始化、登录、实时预览、回放等核心功能。代码中实现了多窗口视频播放、暂停/恢复等交互操作，并提供了完整的Promise封装方法。通过调用WebVideoCtrl API，开发者可以快速实现海康设备的视频监控功能集成到Web应用中。
