vue前端对接Hikvision海康威视监控，pc端对接，插件模式

2024-07-10 04:10| 来源: 网络整理| 查看: 265

一.简介

1.运行环境

Win7 32/64 位操作系统：32 位 IE10（兼容 64 位 IE10，64 位 IE10 环境下浏览器会默认启动 32 位 IE）、32/64 位 IE11、32/64 位 Chrome45.0 及以上版本、32/64 位 Firefox52.0 及以上版本，Win10 32/64 位操作系统：32/64 位 IE11、32/64 位 Chrome45.0 及以上版本、32/64 位 Firefox51.0

2.约束说明

触摸屏 Windows 操作系统未经全面测试，不推荐使用非企业版 Windows 操作系统未经测试，请使用企业版 Windows 操作系统语音对讲只支持海康 SDK 协议、ehome 协议接入设备目前仅支持配合 DIV 标签使用，不支持基于 iframe 方式也不支持浏览器页面弹出页面的使用方式IE、Chrome、Firefox 浏览器对接时不建议启动多个插件服务，一般情况下一个 Tab 页只启动一个插件服务页面滚动的场景会存在插件窗口与 DIV 窗口未完全重叠情况，此场景请慎用轮询功能未经全面测试，建议使用客户端模式低帧率（帧率低于 5FPS）情况下即时回放打开声音会出现声音慢出或少几秒情况一.对比有无插件两种模式

我之前已经把无插件对接的方式做了一篇文字有兴趣的可以去看看。

有插件和无插件的区别： 1.无插件的模式可以在pc和移动端运行，插件模式不能在移动端播放，因为电脑需要装一个插件，没用这个插件浏览器无法播放。 2.插件模式相比无插件模式多了很多操作比如让摄像头旋转（前提是摄像头支持旋转）还有一些自带的操作。

二.示例

官方有一个包，里面有插件和几个demo我把下载地址放在最后了，我们这里展示的示例的vue的示例。代码注解：代码的注释还算全，然后需要注意一点的mounted和destroyed两个生命周期中对scroll和resize的监听。注意：这里的四个代码需要提供，都是必填设备编码 //每一个监控设备都有一个编码 appKey //综合安防管理平台提供的appkey secret //综合安防管理平台提供的secret ip //综合安防管理平台IP地址

完整组件代码：

【本文地址】

公司简介

联系我们