最近公司项目需要在web上实时播放摄像头视频。但是早前由于html发展太慢。浏览器不支持。各大视频厂商基本都是开发扩展插件来实现。但是目前各大浏览器都有安全机制,基本不允许额外安装插件等,

百度了很多。很多都是基于ie,,使用active插件实现,而我们公司项目优化是基于谷歌,,,,而且不能使用插件(用户体验)。

所以整理一套。无需安装插件,在任意浏览器实时播放摄像头视频

正文:

部署nginx、ffmpeg转为rtmp、利用video.js播放,无需浏览器安装插件

摄像头采用大华的,这里提供一个大华摄像头ip搜索软件(用于检测同一网段下在线摄像头设备信息)

地址:https://download.csdn.net/download/u011877155/10765657

环境:windows 服务器

vcl视频播放器https://download.csdn.net/download/u011877155/10765708

1、查看摄像头信息:首先打开上面ip搜索软件,获取摄像头ip,查看主码流,视频编码等。如果知道摄像头地略过

2、确认提供流是否能够播放:打开vlc播放器【媒体--》打开网络串流,输入流地址】。这里大华提供的rtsp流地址,

【rtsp://账号:密码@IP地址:544/cam/realmonitor?channel=1&subtype=0】【端口号默认544,通道号channel默认1,主码流为 0(即subtype=0),辅码流为1(即subtype=1)】

3、将nginx、ffmpeg 解压后放置c盘根目录。配置环境变量path:C:ffmpegbin

相关文件地址:https://download.csdn.net/download/u011877155/10765746

4、启动nginx【运行文件中的exe文件,运行一闪之后任务管理器查看nginx.exe进程存在即可】

4、验证是否配置成功:cmd 输入ffmpeg 提示一大段话即可

4、cmd中输入

ffmpeg -i "rtsp://admin:dsgbridge@192.168.1.102:554//cam/realmonitor?channel=1&subtype=0" -vcodec h264 -f flv -an "rtmp://localhost/live"

回车后控制台持续打印转流信息

5、打开vcl播放器,播放rtmp://localhost/live,看看是否成功

这样转流步骤就完成了,下面集成进java即可

1、设置项目启动自动启动ngix服务,创建线程,项目启动时启动。建议不要集成,直接在服务器启动一次即可

public class nginx extends Thread {public void run(){String cmd = "cmd /c c: && cd nginx && start nginx"; //String stop ="cmd /c E: && cd nginx && nginx.exe -s quit"; Runtime run = Runtime.getRuntime(); try { java.lang.Process process = run.exec(cmd); InputStream in = process.getInputStream(); System.out.println(cmd); while (in.read()!=-1){ System.out.println(in.read()); } in.close(); process.waitFor(); System.out.println("nginx启动成功"); } catch (IOException | InterruptedException e) { e.printStackTrace(); } }public static void main(String[] args) {new nginx().start();} }

2、启动转流代码

附上编写好的工具类https://download.csdn.net/download/u011877155/10765835

在javaweb中直接调用

 public static Map maps= new HashMap<>(); public static FFmpegManager manager = new FFmpegManagerImpl();  //启动视频转码 @RequestMapping(value = "/zhuanma") public void zhuanma(String ip,String code,HttpServletResponse response, HttpServletRequest request){  try {   Map map = new HashMap<>(); map.put("appName

vue项目使用大华摄像头怎样初始化_海康、大华摄像头chrome高版本实时播放(java集成)...相关推荐

  1. 大华的支持rtmp推流吗_海康大华DSS视频拉流-RTSP转RTMP多媒体播放技术

    To view this video please enable JavaScript, and consider upgrading to a web browser that supports H ...

  2. vue项目使用大华摄像头怎样初始化_Vue接入监控视频技术总结

    最近一直在搞监控视频接入方面的事情,积累了不少的经验,这里总结一下.提前说一句,本文提到的视频接入均是以RTSP为基础转码而来的,至于用海康大华等插件播放的咱们就闭口不提了可以看这个文章,在vue中接 ...

  3. 华为海康大华摄像头编译RTSP转RTMP和HTTPFLV

    华为海康大华摄像头编译RTSP转RTMP和HTTPFLV 项目需求要看摄像头实时画面谷歌浏览器不支持RTSP流直接展示 方案一 通过Java+nginx+rtsp转rtmp流 方案二 通过Java+ ...

  4. 安防互联网摄像头海康大华硬盘录像机视频流媒体服务器EasyNVR在layer弹出层中使用video标签无法最大化全屏播放问题解决

    诞生背景 众所周知,EasyNVR可以将局域网/广域网上的海康/大华等网络摄像头由rtsp转换为rtmp.rtsp.hls.flv协议转换,并提供推流服务,可以将拉到的网络摄像头直接转发到流媒体服务器 ...

  5. LiveGBS流媒体平台GB/T28181功能-摄像头报警告警预案触发图片截取视频录制海康大华华为宇视等摄像头报警触发截图录像

    LiveGBS摄像头报警告警预案触发图片截取视频录制海康大华华为宇视等摄像头报警触发截图录像 1.报警信息 1.1.报警查询 1.2.配置开启报警订阅 1.2.1.国标设备编辑 1.2.2.勾选订阅项 ...

  6. 海康大华天地伟业网络摄像头chrome浏览器web二次开发

    海康大华天地伟业网络摄像头chrome浏览器二次开发 海康大华天地伟业网络摄像头chrome浏览器web二次开发 由于工作的原因需要开发海康和大华,还有天地伟业的摄像头,而且必须是本地部署开发,每个厂 ...

  7. 安防RTSP协议摄像头实现WEB端无插件直播流媒体服务EasyNVR实现海康大华宇视摄像头网页播放的方法

    背景分析:微信直播的兴起 进入移动互联网时代以来,企业微信公众号已成为除官网以外非常重要的宣传渠道,当3.2亿直播用户与9亿微信用户的势能累加,在微信上开启直播已成为越来越多企业的必然选择. Easy ...

  8. RTSP安防网络摄像头/海康大华硬盘录像机网页无插件直播方案EasyNVR出现操作和画面显示不一致问题如何优化?

    诞生背景 众所周知,EasyNVR可以将局域网/广域网上的海康/大华等网络摄像头由rtsp转换为rtmp.rtsp.hls.flv协议转换,并提供推流服务,可以将拉到的网络摄像头直接转发到流媒体服务器 ...

  9. RTSP安防网络摄像头/海康大华硬盘录像机/NVR网页无插件低延时播放流媒体服务器EasyNVR页面显示网络请求失败问题

    进入移动互联网时代以来,企业微信公众号已成为除官网以外非常重要的宣传渠道,当3.2亿直播用户与9亿微信用户的势能累加,在微信上开启直播已成为越来越多企业的必然选择. 青犀团队研发的EasyNVR核心在 ...

  10. LiveGBS流媒体平台GB/T28181常见问题-海康大华宇视华为NVR摄像头无法注册到国标平台看不到设备的时候如何抓包及排查

    LiveGBS常见问题-海康大华宇视华为NVR摄像头无法注册到平台国标平台看不到设备的时候如何抓包及排查 1.设备注册后查看不到 1.1.防火墙排查 1.2.端口排查 1.3.IP地址排查 1.4.设 ...

最新文章

  1. 《xUnit Test Patterns》学习笔记3 - Philosophy of Test Automation
  2. python找最大值的函数_Python 获取最大值函数
  3. JavaScript中的this的指代对象详解
  4. python的集合类型——字符串、列表、元组、字典
  5. Visual Studio Code 使用教程
  6. 硬件结构(中):EqualLogic PS5000 对等存储“动车组”
  7. vue --- 按钮的防重复点击事件
  8. python爬取酷狗音乐top500_python获取酷狗音乐top500的下载地址 MP3格式
  9. Vue2.0+ElementUI+PageHelper实现的表格分页
  10. 【Spark】Spark应用执行机制
  11. 【SDK】Memory read error at 0xF8007080
  12. setTimeOut与setInterval的区别
  13. 设计模式之享元(flyweight)模式
  14. 三种方式实现web站点安全
  15. 用 radial-gradient 实现波浪效果
  16. 计算机毕设(附源码)JAVA-SSM基于JAVA宠物店管理系统
  17. 数据大屏产品介绍PPT_【达索系统】 Ortems APS产品介绍 PPT
  18. r语言导入spss数据_R语言如何导入数据
  19. Ubuntu 22.04 x86_64 OVF (sysin)
  20. python使用opencv实现人脸检测

热门文章

  1. springMVC常见问题
  2. redis常见问题和解决方案
  3. CURL命令模拟Http Get/Post以及带cookies调用接口
  4. buildroot 文件系统添加telnet, ssh, 以及制作注意事项
  5. 2440: [中山市选2011]完全平方数
  6. Amoeba 实现Mysql的读写分离
  7. 运输层_TCP可靠传输的实现
  8. SCOM 2012系列⑪单台服务器性能图监控
  9. [藏]常用的匹配正则表达式和实例
  10. 单片机练习 - 计时器