海康摄像头通过Web插件进行预览播放和控制

首先下载websdk

链接:

https://pan.baidu.com/s/1a21DiS-3VRzt9zh6pmdmKQ?pwd=n9kq

解压后有三个目录:docs是说明文档,nginx-1.10.2 是一个ngix代理(需要启动)


ngix代理默认端口是80,可以通过conf中的配置文件修改默认端口,点start.bat启动代理。

webs是nginx代理的webroot目录,

codebase目录里有个windows下的视频插件,需要安装

通过

本地路径直接打开webs下的index.html 或者通过127.0.0.1/ 或

输入摄像头的ip地址、端口号、账号密码(注意ip地址、端口号、账号、密码都是网络摄像头的配置信息,设备端口和和rtsp端口可不填写,登录后自动会补充)

登录后,点击开始预览,便可以看到预览画面

集成到vue的可以参考 下面的文章
vue2.0接入海康威视控件包V3.3.0------海康威视摄像头接入前端页面(webSDK包)模式_vue海康威视摄像头web开发-CSDN博客

相关推荐
步步为营DotNet10 分钟前
深度解析CancellationToken:.NET中的优雅取消机制
java·前端·.net
一位搞嵌入式的 genius1 小时前
从 ES6 到 ESNext:JavaScript 现代语法全解析(含编译工具与实战)
前端·javascript·ecmascript·es6
linweidong3 小时前
C++ 模块化编程(Modules)在大规模系统中的实践难点?
linux·前端·c++
leobertlan7 小时前
2025年终总结
前端·后端·程序员
子兮曰7 小时前
OpenClaw架构揭秘:178k stars的个人AI助手如何用Gateway模式统一控制12+通讯频道
前端·javascript·github
百锦再8 小时前
Reactive编程入门:Project Reactor 深度指南
前端·javascript·python·react.js·django·前端框架·reactjs
莲华君8 小时前
React快速上手:从零到项目实战
前端·reactjs教程
百锦再8 小时前
React编程高级主题:测试代码
android·前端·javascript·react.js·前端框架·reactjs
易安说AI8 小时前
Ralph Loop 让Claude无止尽干活的牛马...
前端·后端
失忆爆表症10 小时前
05_UI 组件库集成指南:Shadcn/ui + Tailwind CSS v4
前端·css·ui