网页端接入海康摄像头画面操作指南_如何通过ivms-4200的服务直接在自己的web中播放摄像头视频-程序员宅基地

技术标签: node.js  html5  vue.js  javascript  

一、摄像头rtsp流画面测试

首先根据相关摄像头内附的说明书对摄像头进行安装以及wifi配置或者通过网线直连,配置完成后确保摄像头画面能够在手机APP或者相关应用程序上正常播放。
然后进入海康威视官网下载并安装SADP摄像头IP搜索工具。
在这里插入图片描述
打开SADP(设备网络搜索),即能查看当前局域网下的所有海康摄像头IP地址。
在这里插入图片描述
下面进行摄像头rtsp流播放测试:
1.下载VLC media player,并安装打开。
2.打开媒体 --> 网络串流 --> 网络。
在这里插入图片描述
3.输入海康摄像头的rtsp地址并进行播放。海康的rtsp地址一般组成如下:rtsp://admin:{摄像头背后验证码或密码}@{摄像头IP地址}:554/h264/ch1/main/av_stream
在这里插入图片描述
能够正常播放后,进行下一步操作。

二、流媒体服务器搭建

要将监控画面在web端显示需要流媒体服务器的支持,当前主流的流媒体服务主要通过SRS、nginx、nodejs等搭建,下面主要介绍由node搭建的流媒体服务器。
要求电脑上有node环境,若没有请去node官网进行下载以及安装。安装完成后打开cmd输入node -v查看node版本以及检查node是否安装成功。
在这里插入图片描述
该流媒体服务器采用node-media-server插件,具体搭建流程如下:
1.新建相关文件夹。
2.使用cmd并进入新建的文件夹内,输入npm install node-media-server安装相关插件。
在这里插入图片描述
3.安装完成后在新建的文件夹内新建一个js文件,在js文件内输入相关调用以及配置代码。
在这里插入图片描述

const NodeMediaServer= require('node-media-server');
const config = {
    
    rtmp: {
    
        port: 1935,
        chunk_size: 60000,
        gop_cache: true,
        ping: 60,
        ping_timeout: 30
    },
    http: {
    
        port: 8000,
        allow_origin: '*',
    }
};
var nms = new NodeMediaServer(config)
nms.run();

4.运行node服务。
在这里插入图片描述
在这里插入图片描述
显示如上界面则表示启动完成,可以在浏览器上登录 localhost:8000/admin 查看node服务页面。
在这里插入图片描述

三、视频流转码以及推流

因为rtsp流无法直接在web端播放,因此通常将rtsp流转化为rtmp、httpFlv、hls等编码格式,因为rtmp依赖flash,hls流的延迟太大,因此选用httpFlv作为传输的码流格式,转码方式如下:
1.下载并安装ffmpeg
2.配置环境变量并在cmd使用ffmpeg -h测试。
在这里插入图片描述
3.使用ffmpeg指令对rtsp流进行转码以及推流(下方的node端地址中的STREAM_NAME_agv_1可以随意更改表示直播的“房间”)。
在这里插入图片描述
4.再次打开VLC并打开网络串流,输入httpFlv码流地址进行播放,能够正常播放即转码完成。(将上方图片的node端地址中的rtmp改为http并加入后缀.flv即http://{node服务的IP地址以及端口}/live/STREAM_NAME_agv_1.flv)。
在这里插入图片描述

四、网页显示

web端显示需要支持httpFlv格式的播放器,这边选用的是LivePlayer.js。根据其相关配置配置完后,即可在web端显示监控画面。
测试

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_45350072/article/details/112346145

智能推荐

idea新版UI的TODO工具栏位置_idea将todo添加到侧边栏-程序员宅基地

文章浏览阅读595次,点赞7次,收藏6次。_idea将todo添加到侧边栏

2018年中国SDN、NFV优秀案例评选 正式启动-程序员宅基地

文章浏览阅读208次。【IT168报道】为适应网络强国和数字中国的发展战略,奠定互联网+发展的网络基础,满足垂直行业对网络的多样化需求,迎接万物互联的网络新时代,传统网络向开放化、软件化、智能化的新一代信息网络演进成为产业界的广泛共识。国内三大运..._sdn2018中国

基于微信小程序的校园点餐系统小程序(源码+文档+部署+讲解)_微信点餐小程序源代码-程序员宅基地

文章浏览阅读1.1k次,点赞18次,收藏26次。校园点餐系统小程序采用B/S模式、采用JAVA语言、springboot框架、mysql数据库、小程序框架uniapp等开工具,促进了校园点餐系统小程序的业务发展。与传统线下点餐相比,校园点餐系统小程序不但节省了卖家的线下运营的成本和门店曝光等难题,对学生而言提供了足不出户送餐上门的服务,针对现代校园而言,出门用餐路程远,排队麻烦等问题,特开发校园点餐系统小程序。本系统使用动态网页开发技术JSP,Java作为系统的开发语言,采用springboot框架、mysql作为后台数据库。_微信点餐小程序源代码

如何判断强化学习算法是否收敛_强化学习收敛-程序员宅基地

文章浏览阅读1.3w次,点赞17次,收藏68次。如何判断强化学习算法是否收敛1. 策略熵对于随机性策略(PPO等)可以用策略熵来表示策略是否“确定”。在训练过程中随着策略提升,策略变得越来越确定,此时熵应该是随着逐渐降低的,熵曲线趋于平缓。2. loss指标(网络收敛好坏)这是DL中的直观指标,虽然不能直接用在DRL来说明策略好坏,但loss是在一直下降还是已经趋于平缓了,可以一定程度上说明网络模型的学习程度,看模型是“学会了”还是“学废了”,趋于平缓可能就是已经训练差不多了,当然“训练差不多”不代表“策略最优”,有些可能loss还在掉,但_强化学习收敛

Baumer工业相机堡盟工业相机使用BGAPI SDK将图像数据转换为Bitmap的几种方式(C#)(Mono)_c# 调用 sdk转bitmap-程序员宅基地

文章浏览阅读467次。Baumer工业相机堡盟工业相机使用BGAPI SDK将图像数据转换为Bitmap的几种方式(C#)(Mono)_c# 调用 sdk转bitmap

高尔夫游戏源码uinty引擎开发_炫技高尔夫 代码-程序员宅基地

文章浏览阅读316次,点赞7次,收藏8次。【代码】高尔夫游戏源码uinty引擎开发。_炫技高尔夫 代码

随便推点

javaweb分页查询实现-程序员宅基地

文章浏览阅读391次。Javaweb分页技术实现分页技术就是通过SQL语句(如下)来获取数据,具体实现看下面代码//分页查询语句select * from 表名 where limit page , count;和//获取表中的总数据,确定页数select count(*) from 表名;不说废话直接上代码前端代码:<!DOCTYPE html>..._javaweb之分页查询 post请求写

linux内核 异常 log,Linux Kernel WARN()/BUG(), Oops/Panic, Tainted分析-程序员宅基地

文章浏览阅读2.7k次。稳定性范畴, 参考5.x kernel。kernel OopsOops指的就是内核的不正确行为,比如对驱动来说:static int i82092aa_pci_probe(struct pci_dev *dev,const struct pci_device_id *id){unsigned char configbyte;int i, ret;ret = pci_enable_device(de..._kernel warn

forward和redirect区别_forward 和 redirect 区别?-程序员宅基地

文章浏览阅读266次。_forward 和 redirect 区别?

tekla插件_CAD三维线模导入Tekla快速建模图文教程-程序员宅基地

文章浏览阅读5.6k次,点赞3次,收藏7次。前几天我发了个cad三维线模导入Tekla快速建模的文章,有不少朋友让我做个具体的操作视频教程,说实在的,我这把年纪你让我录个视频教程,还要语音的,那真是要我老命了,普通话都讲不好,想来想去还是做个图文教程吧。言归正传首先要快速导入之前,需要下载两个小插件(都是完全免费的)1、SSBIM for CAD下载地址及安装方法:http://zt.ggditu.com/Proscenium/w..._cad三维建模导图插件

修改apache2根目录_apache2修改directory-程序员宅基地

文章浏览阅读6.4k次。前言这两天使用Apache2作为网站服务器,开发应用的时候需要使用/home/mydir/html作为工作目录,因为使用/var/www的话需要root权限,很不方便。但是问题来了,网上很多教程都说需要修改http.conf,而deepin下的apache2没有httpd.conf。以下是我解决问题的过程。_apache2修改directory

matlab求图像自相关 CSDN_紧束缚模型态密度图像的Python实现-程序员宅基地

文章浏览阅读365次。在凝聚态物理以及统计物理中,态密度是一个很重要的概念,我们能从态密度图像中获取很多有用的信息。例如,态密度对了解低维系统中的带间跃迁很重要,在态密度图像中带隙比色散图像中直观得多。图1.举个栗子态密度图像。原则上说,知道了色散关系,也就确定了态密度对于一些模型,比如说自由电子气,我们能够很容易的得到其解析的态密度函数,能够很容易地用一些软件甚至手画就能得到态密度的图像。但是现实是,对于大部分问题,..._一维紧束缚模型

推荐文章

热门文章

相关标签