海康威视摄像头web端开发

2024-04-17 15:38

本文主要是介绍海康威视摄像头web端开发,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

主要方法

1.海康威视Web开发包

这个是海康威视自己开发的web开发包,里面含有一些demo,整体版,分屏版等等。你可以在他的demo基础上进行二次开发,即使是离线只要你的摄像头和电脑都是在同一路由下,都是可以调用的。麻烦的是,你需要注册一个账号密码,这个账号密码是在录像机里注册的,只有有这个账号密码登录之后才能调用视频。所以对于只有一个摄像头来进行测试的我就只能放弃了。

2.萤石ezuikit-JavaScript开发包使用这个开发包

萤石开放平台,使用这里的开发包,你需要注册萤石开发者账户,才能使用(当然你得有自己的设备摄像头)。在注册之后,他会给你你的设备的线上访问地址:1.accesstoken;2.hls;3.rtmp;这三个方式都有对应的地址,各自有各自的优势。
三种优势对比。接下来讲讲这个方法。

过程

首先是accesstoken方法,他的优点就是延迟低,稳定,但是当看见远程访问的时候需要将文件放在IIS上,不然会报错(accesstoken点这里看详情)之后,我就放弃了。
之后是hls和rtmp:他们的地址都需要放在video标签底下:
首先你需要在html中引入ezuikit.js(点这里下载包含demo,第二个),加入video标签,放入你自己的地址,(注册之后获取)

<video id="itsPlayer" poster="" width="270" controls playsInline webkit-playsinline autoplay><!-- <source src="rtmp://rtmp.open.ys7.com/openlive/f01018a141094b7fa138b9d0b856507b" type="" /> --><source src="http://hls.open.ys7.com/openlive/f01018a141094b7fa138b9d0b856507b.m3u8" type="application/x-mpegURL" /></video>

video标签是在body里,之后初始化播放器

 <script>var player = new EZUIPlayer('itsPlayer');</script>

这样就可以出来直播录像了,
这是萤石的官方
这样你就可以引出来监控的直播视频了。


更新,有关h264和h265的问题

在博主搬了一次办公室之后,视频出现了编码类型不是h264 的问题,引用萤石地址,他的播放器是支持h264的,所以我们需要做出更改,具体步骤:

  • 下载萤石工作室或者海康威视的4200工具,这两个都是可以修改视频编码的。
  • 在修改时会需要你输入一个账号和密码。萤石工作室只需要密码
    • 如果你没有修改密码,那么账号就是admin,密码默认12345
    • 修改之后忘记了的话,需要一个叫SADP的软件来修改密码,具体步骤微信公众号关注海康威视那里有详细解释SADP工具百度云(提取码8qde)
    • 修改好之后,进入设置页面(萤石工作室是高级设置,4200是齿轮图标的基本设置),4200
      在这里插入图片描述
      将里面的编码类型改成h264就好了,然后码流类型切换成子码流,再把子码流的编码类型修改成h264。

就不会报错了


关于不录音
在这里插入图片描述
萤石工作平台高级设置–图像–视音频,输入音量拉到0就行了。

这篇关于海康威视摄像头web端开发的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/912201

相关文章

一文教你如何将maven项目转成web项目

《一文教你如何将maven项目转成web项目》在软件开发过程中,有时我们需要将一个普通的Maven项目转换为Web项目,以便能够部署到Web容器中运行,本文将详细介绍如何通过简单的步骤完成这一转换过程... 目录准备工作步骤一:修改​​pom.XML​​1.1 添加​​packaging​​标签1.2 添加

利用Python开发Markdown表格结构转换为Excel工具

《利用Python开发Markdown表格结构转换为Excel工具》在数据管理和文档编写过程中,我们经常使用Markdown来记录表格数据,但它没有Excel使用方便,所以本文将使用Python编写一... 目录1.完整代码2. 项目概述3. 代码解析3.1 依赖库3.2 GUI 设计3.3 解析 Mark

利用Go语言开发文件操作工具轻松处理所有文件

《利用Go语言开发文件操作工具轻松处理所有文件》在后端开发中,文件操作是一个非常常见但又容易出错的场景,本文小编要向大家介绍一个强大的Go语言文件操作工具库,它能帮你轻松处理各种文件操作场景... 目录为什么需要这个工具?核心功能详解1. 文件/目录存javascript在性检查2. 批量创建目录3. 文件

Vue 调用摄像头扫描条码功能实现代码

《Vue调用摄像头扫描条码功能实现代码》本文介绍了如何使用Vue.js和jsQR库来实现调用摄像头并扫描条码的功能,通过安装依赖、获取摄像头视频流、解析条码等步骤,实现了从开始扫描到停止扫描的完整流... 目录实现步骤:代码实现1. 安装依赖2. vue 页面代码功能说明注意事项以下是一个基于 Vue.js

基于Python开发批量提取Excel图片的小工具

《基于Python开发批量提取Excel图片的小工具》这篇文章主要为大家详细介绍了如何使用Python中的openpyxl库开发一个小工具,可以实现批量提取Excel图片,有需要的小伙伴可以参考一下... 目前有一个需求,就是批量读取当前目录下所有文件夹里的Excel文件,去获取出Excel文件中的图片,并

基于Python开发PDF转PNG的可视化工具

《基于Python开发PDF转PNG的可视化工具》在数字文档处理领域,PDF到图像格式的转换是常见需求,本文介绍如何利用Python的PyMuPDF库和Tkinter框架开发一个带图形界面的PDF转P... 目录一、引言二、功能特性三、技术架构1. 技术栈组成2. 系统架构javascript设计3.效果图

基于Python开发PDF转Doc格式小程序

《基于Python开发PDF转Doc格式小程序》这篇文章主要为大家详细介绍了如何基于Python开发PDF转Doc格式小程序,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 用python实现PDF转Doc格式小程序以下是一个使用Python实现PDF转DOC格式的GUI程序,采用T

使用Python开发一个图像标注与OCR识别工具

《使用Python开发一个图像标注与OCR识别工具》:本文主要介绍一个使用Python开发的工具,允许用户在图像上进行矩形标注,使用OCR对标注区域进行文本识别,并将结果保存为Excel文件,感兴... 目录项目简介1. 图像加载与显示2. 矩形标注3. OCR识别4. 标注的保存与加载5. 裁剪与重置图像

web网络安全之跨站脚本攻击(XSS)详解

《web网络安全之跨站脚本攻击(XSS)详解》:本文主要介绍web网络安全之跨站脚本攻击(XSS)的相关资料,跨站脚本攻击XSS是一种常见的Web安全漏洞,攻击者通过注入恶意脚本诱使用户执行,可能... 目录前言XSS 的类型1. 存储型 XSS(Stored XSS)示例:危害:2. 反射型 XSS(Re

Android开发中gradle下载缓慢的问题级解决方法

《Android开发中gradle下载缓慢的问题级解决方法》本文介绍了解决Android开发中Gradle下载缓慢问题的几种方法,本文给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧... 目录一、网络环境优化二、Gradle版本与配置优化三、其他优化措施针对android开发中Gradle下载缓慢的问