海康威视摄像头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

相关文章

基于Python开发电脑定时关机工具

《基于Python开发电脑定时关机工具》这篇文章主要为大家详细介绍了如何基于Python开发一个电脑定时关机工具,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录1. 简介2. 运行效果3. 相关源码1. 简介这个程序就像一个“忠实的管家”,帮你按时关掉电脑,而且全程不需要你多做

Spring常见错误之Web嵌套对象校验失效解决办法

《Spring常见错误之Web嵌套对象校验失效解决办法》:本文主要介绍Spring常见错误之Web嵌套对象校验失效解决的相关资料,通过在Phone对象上添加@Valid注解,问题得以解决,需要的朋... 目录问题复现案例解析问题修正总结  问题复现当开发一个学籍管理系统时,我们会提供了一个 API 接口去

Java中的Opencv简介与开发环境部署方法

《Java中的Opencv简介与开发环境部署方法》OpenCV是一个开源的计算机视觉和图像处理库,提供了丰富的图像处理算法和工具,它支持多种图像处理和计算机视觉算法,可以用于物体识别与跟踪、图像分割与... 目录1.Opencv简介Opencv的应用2.Java使用OpenCV进行图像操作opencv安装j

使用IntelliJ IDEA创建简单的Java Web项目完整步骤

《使用IntelliJIDEA创建简单的JavaWeb项目完整步骤》:本文主要介绍如何使用IntelliJIDEA创建一个简单的JavaWeb项目,实现登录、注册和查看用户列表功能,使用Se... 目录前置准备项目功能实现步骤1. 创建项目2. 配置 Tomcat3. 项目文件结构4. 创建数据库和表5.

基于Qt开发一个简单的OFD阅读器

《基于Qt开发一个简单的OFD阅读器》这篇文章主要为大家详细介绍了如何使用Qt框架开发一个功能强大且性能优异的OFD阅读器,文中的示例代码讲解详细,有需要的小伙伴可以参考一下... 目录摘要引言一、OFD文件格式解析二、文档结构解析三、页面渲染四、用户交互五、性能优化六、示例代码七、未来发展方向八、结论摘要

手把手教你idea中创建一个javaweb(webapp)项目详细图文教程

《手把手教你idea中创建一个javaweb(webapp)项目详细图文教程》:本文主要介绍如何使用IntelliJIDEA创建一个Maven项目,并配置Tomcat服务器进行运行,过程包括创建... 1.启动idea2.创建项目模板点击项目-新建项目-选择maven,显示如下页面输入项目名称,选择

在 VSCode 中配置 C++ 开发环境的详细教程

《在VSCode中配置C++开发环境的详细教程》本文详细介绍了如何在VisualStudioCode(VSCode)中配置C++开发环境,包括安装必要的工具、配置编译器、设置调试环境等步骤,通... 目录如何在 VSCode 中配置 C++ 开发环境:详细教程1. 什么是 VSCode?2. 安装 VSCo

C#图表开发之Chart详解

《C#图表开发之Chart详解》C#中的Chart控件用于开发图表功能,具有Series和ChartArea两个重要属性,Series属性是SeriesCollection类型,包含多个Series对... 目录OverviChina编程ewSeries类总结OverviewC#中,开发图表功能的控件是Char

鸿蒙开发搭建flutter适配的开发环境

《鸿蒙开发搭建flutter适配的开发环境》文章详细介绍了在Windows系统上如何创建和运行鸿蒙Flutter项目,包括使用flutterdoctor检测环境、创建项目、编译HAP包以及在真机上运... 目录环境搭建创建运行项目打包项目总结环境搭建1.安装 DevEco Studio NEXT IDE

Python开发围棋游戏的实例代码(实现全部功能)

《Python开发围棋游戏的实例代码(实现全部功能)》围棋是一种古老而复杂的策略棋类游戏,起源于中国,已有超过2500年的历史,本文介绍了如何用Python开发一个简单的围棋游戏,实例代码涵盖了游戏的... 目录1. 围棋游戏概述1.1 游戏规则1.2 游戏设计思路2. 环境准备3. 创建棋盘3.1 棋盘类