海康威视摄像头web端播放

参考：https://blog.csdn.net/Staveabc/article/details/98194427

基本架构：FFmpeg+node.js+jsmpeg+SpringBoot

流程：获取摄像头数据流(rtsp流) --> FFmpeg转码 --> Node.js（搭建webSocket服务器） --> 在服务器上运行jsmpeg程序

软件安装连接：

1、FFmpeg安装,地址：https://www.bytesin.com/software/Download-FFmpeg/

2、node.js下载地址：https://nodejs.org/zh-cn/

3、jsmpeg下载地址：https://github.com/phoboslab/jsmpeg

FFmpeg安装

FFmpeg安装后配置环境变量

配置完cmd执行 ffmpeg -version 验证ffmpeg是否安装正确

node.js安装

安装流程相对比较简单，安装完后cmd输入node -v 验证node.js是否安装正确

Node.js安装webSocket模块

在cmd控制台输入: npm install ws -g（或者npm install ws）

node.js安装http-server，开启命令行HTTP服务器

在node命令行下，输入 npm install http-server -g，安装成功后，将以下形式的路径添加进系统环境变量path中：

jsmpeg安装

解压即可，目录结构为：

这个就是cmd执行的默认路径

编辑启动文件

新建一个txt文件保存以下内容后，修改后缀名为.bat

node websocket-relay.js supersecret 8081 8083

supersecret 为密码自定义（ffmpeg推流是需要带上密码） 8081为ffmpeg推送端口 8083为前端websocket端口

双击执行该文件，cmd窗口会一直存在

隐藏cmd窗口，但程序仍然运行

新建一个txt文件保存以下内容后，修改后缀名为.vbs

Set shell = Wscript.CreateObject("WScript.Shell")

a = shell.run (".bat文件的绝对路径",0)

执行vbs文件后cmd窗口不再展示，后台进程中查询node.js是否执行

ffmpeg推流

ffmpeg推流：fmpeg -i “rtsp地址” -q 0 -f mpegts -codec:v mpeg1video -s 1366x768 http://127.0.0.1:8081/supersecret

1366x768为输出分辨率，http://127.0.0.1:8081/为视频输出地址，password123456为密码

后端实现推流

推流：

String bathURL = "ffmpeg -i rtsp://%s:%s@%s:554/Streaming/Channels/101 -q 0 -f mpegts -codec:v mpeg1video -s 1920x1080 http://127.0.0.1:8081/supersecret";

String pushStream = String.format(bathURL, camera.getUser_name(), camera.getPassword(), camera.getIp());

Process pushProcess = Runtime.getRuntime().exec(pushStream);

Long pushPid = pushProcess.pid();

关流：Runtime.getRuntime().exec("taskkill /F /PID " +pushPid );

前端预览

打开jsmpeg下的html页面进行预览

预览效果：

再次申明一下：本文参考：https://blog.csdn.net/Staveabc/article/details/98194427

附：rtsp路径参考

https://mubu.com/doc/4IvOBWbQq-P

海康威视摄像头web端播放相关推荐

H265格式兼容各个浏览器web端播放方案
可能有很多朋友会遇到H265格式的视频流无法播放,毕竟现在很多相机都支持h265了,确实有很多优点,但是它最大的问题就是很多浏览器无法播放,也有部分浏览器能够兼容h265,但是总不能让用户指定浏览器使 ...
ssm项目实现上传视频，在web端播放视频
实现的思路: 1,上传视频,将视频存放在服务器端,数据库中存放相对服务器的相对地址 2,网页端播放视频:使用ckplayer插件:www.ckplayer.com/ 参考:https://blog.c ...
海康威视摄像头web二次开发（angular）
海康威视官网有提供二次开发的web开发包,主要由js,html组成,但是开发包更新迭代太快了,甲方的摄像头还是老版本,幸好甲方提供了它们的开发包(内涵demo,doc). 测试环境在web包里面里面 ...
海康摄像头web集成播放，ffmpeg+nginx方案
首先介绍下海康设备对接方案,目前主流的是通过海康的api对接和硬件sdk,api的话需要配套海康的萤石平台或者安防平台,官网可以下载,他们提供健全的api接口满足正常的web浏览器调用,sdk的话对于 ...
php在web端播放amr语音（如微信语音）
在使用微信JSSDK的上传下载语音接口时,发现一个问题: 下载的语音在iPhone上不能播放,测试了之后原因竟然是: 微信接口返回的音频内容是amr格式的,但iPhone不支持播放此类型格式. 那么转 ...
常用的视频格式文件WEB端播放代码
1.avi格式代码片断如下: <object id="video" width="400" height="200" border= ...
Web端播放 .amr音频文件，企业微信会话存档语音文件
前言:amr格式是微信上的语音格式,比如企业微信会话存档语音文件保存时就会遇到,由于html标签都不支持amr格式的语音文件,因此采用如下开源项目: https://github.com/BenzLe ...
关于海康威视摄像头web程序的无插件调用
使用nginx服务器实现无插件兼容高版本谷歌火狐浏览器地址:阿里云盘关于nginx服务无法启动问题解决方法 1.文件路径避免中文 2.修改nginx服务默认的80端口
vlc播放海康威视摄像头rtsp rtmp视频教程
前言目前做的项目,需要局域网下海康摄像头web端网页上实时播放视频数据.本次项目使用的是海康威视的摄像头进行实时监控. 目的:使用vlc播放rtsp及rtmp视频流. 软件版本:vlc3.0.11版 ...
2021年最新Chrome、Firefox等浏览器网页端播放海康威视、大华RTSP视频流方案大汇总
自从2015年Chrome.Firefox等浏览器取消NPAPI插件后,WEB网页播放海康威视.大华等摄像头RTSP流成为难题,尤其是低延迟同时播放多路或者高清视频,网上各种转码转流方案纷繁复杂,找到 ...

海康威视摄像头web端播放

海康威视摄像头web端播放相关推荐

最新文章

热门文章