海康摄像头通过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博客

相关推荐
用户新20 小时前
V8引擎 精品漫游指南--Ignition篇(下 一) 动态执行前的事情
前端·javascript
@PHARAOH21 小时前
WHAT - GitLens vs Fork
前端
yqcoder1 天前
前端性能优化:如何减少重绘与重排?
前端·性能优化
洋子1 天前
Yank Note 系列 13 - 让 AI Agent 进入笔记工作流
前端·人工智能
wenzhangli71 天前
Ooder A2UI 核心架构深度解析:WEB 拦截层的设计与实现
前端·架构
前端百草阁1 天前
【前端性能优化全链路指南】从开发编写到构建运行的多维度实践
前端·性能优化
女生也可以敲代码1 天前
AI时代下的50道前端开发面试题:从基础到大模型应用
前端·面试
ZhengEnCi1 天前
M5-markconv自定义CSS样式指南 📝
前端·css·python
IT_陈寒1 天前
SpringBoot自动配置的坑差点让我加班到天亮
前端·人工智能·后端
xingpanvip1 天前
星盘接口开发文档:星相日历接口指南
android·开发语言·前端·css·php·lua