浏览器采用MSE+FMP4播放海康、大华摄像头RTSP视频流

已于 2023-12-14 09:17:50 修改
阅读量1.3k 收藏 2
点赞数
文章标签： websocket java 网络协议 github
于 2023-06-22 23:46:28 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xs_youyou/article/details/131344944
版权
文章介绍了一种使用RTSP+H264+FMP4+WebSocket+MSE技术在WEB页面上直接显示海康、大华摄像头视频流的方法，无需多次转码，延时低于1秒，具有高实时性。方案基于JAVA开发，无其他依赖，支持TCP/UDP切换，适用于Chrome和Edge浏览器。
摘要由CSDN通过智能技术生成

简述

主要用于解决摄像头视频流无法在WEB上直接显示的需求，网上很多方案涉及的东西较多且复杂，多次转码导致延时较高，直接使用HTML5支持的技术才是上上之选，无插件、无依赖、轻量级。

  • 技术结构 RTSP + H264 + FMP4 + WebSocket + MSE + WEB
  • 目前支持海康、大华摄像头RTSP视频流在WEB页面上显示，亲测有效
  • 视频流获取支持TCP/UDP两种方式，任意切换
  • 通讯库纯JAVA开发，没有任何其他依赖，无插件，轻量级，还可以定制化扩展开发
  • 视频快速，延时 < 1s，几乎无延时，实时性强，即开即用
  • 方案链接地址：https://github.com/xingshuangs/rtsp-websocket-server
  • 采用的通信库: https://github.com/xingshuangs/iot-communication
    在这里插入图片描述

环境要求

  1. 具备JAVA环境，用于启动jar包；
  2. 采用谷歌浏览器或Edge浏览器，其他浏览器必须支持WebSocket + MES
  3. 若github无法访问，可以去该链接下载demo，https://download.csdn.net/download/XS_YOUYOU/87941064
  4. 启动命令为：java -jar rtsp-websocket-server-sample-0.0.1-SNAPSHOT.jar，登录地址为：http://127.0.0.1:8088

在这里插入图片描述

视频效果

其实海康、大华、宇视等摄像头，只要支持RTSP视频流的摄像头就都可以使用
在这里插入图片描述

XS_YOUYOU
关注
Web浏览器（B/S）端流媒体方案
m13721069895的博客
01-04 1494
Web浏览器（B/S）端流媒体最新方案 1.1 MSE+FMP4无插件方案 1.1.1 MSE+（Websocket+FMP） （1）现状：已实现 （2）原理：在服务端对裸H264帧转封装成FMP4，通过Websocket转发客户端。客户Web端通过自定义js来收流，将FMP利用中间件（Media Sources Extensions）“喂给”进行播放。 （PS:服务端完成对每一个裸帧进行FMP4...
HTML5 MSE.Media Source Extensions (MSE) 是一个主流浏览器支持的新的 Web API
12-24
WebSocket+MSE是适用于H5直播的技术 HTML5 MSE.Media Source Extensions (MSE) 是一个主流浏览器支持的新的 Web API
海康威视网络摄像机采集到的视频流数据如何在本地电脑使用vlc客户端播放？
qq_34425255的博客
04-22 2527
但缺点是受限于电脑和摄像机的网络位置,适用于少量摄像机的小型监控系统。登录到海康威视摄像机的管理页面,修改摄像机的 IP 地址、子网掩码等参数,确保与电脑在同一个网段。是的,直连模式指的就是通过网线将海康威视网络摄像机直接连接到本地电脑上。具体的配置细节可能因型号和版本的不同而有所差异,您可以查阅摄像机附带的说明文档进行参考。如何确保您的电脑和海康威视网络摄像机连接在同一个局域网内？确保您的电脑和海康威视网络摄像机连接在同一个局域网内。使用网线将摄像机的网络接口直接连接到电脑的网络接口上。
使用MSE播放ts视频
weixin_45526493的博客
04-21 657
Media Source Extensions（MSE）是一种 Web 技术，允许 JavaScript 控制流媒体的播放。它使得开发者可以通过 JavaScript 动态生成音频和视频数据流，然后将其传输到媒体元素中进行播放。这种动态生成流的能力使得开发者可以实现更高级的音视频处理，例如实时流的处理、自定义的流处理算法等。
web 播放fmp4
逝水流年
07-03 1682
web 播放fmp4 demo websocket+fmp4 <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <title>HTML5视频直播测试</title> </head> <body> <button onclick="disableMute()" type="button">打开声
web浏览器播放rtsp视频流，海康监控API
最新发布
qq_33982898的博客
08-04 2198
海康平台支持多种协议的视频流，如果流无法播放，可能是设备配置或者分辨率或者… 出了问题！！这种事情当然是让后端去处理咯，是跟厂商联调还是怎么着，关我前端啥事儿！！！把精力用到更有意义的地方才是正解，例如像我一样水一篇文章， Nice！当然，尽量直接使用海康平台API返回的流，转码始终是下策。rtsp视频服务 基于node+ffmpeg 转换为 flv 视频服务ffmpeg安装教程（windows版）
浏览器采用MSE+FMP4播放海康摄像头RTSP视频流，视频服务器示例，纯java开发，采用websocket推送
06-22
- 技术结构 **RTSP + H264 + FMP4 + WebSocket + MSE + WEB** - 目前支持海康摄像头RTSP视频流在WEB页面上显示，亲测有效 - 视频流获取支持TCP/UDP两种方式，任意切换 - 通讯库**纯JAVA开发**，**没有任何其他...
HTML播放海康视频的RTSP视频流
07-04
Web Media Player API则提供了播放、暂停、控制音量等功能，与MSE结合，可以实现在浏览器中播放RTSP视频流。 海康威视的设备通常提供RTSP URL，这是视频流的访问地址。为了在HTML5页面中播放，我们可以使用如VLC ...
网页播放海康rtsp视频，亲测可用
08-13
网页播放海康RTSP视频是将海康威视（Hikvision）的网络摄像机实时流媒体协议（Real-Time Streaming Protocol, RTSP）视频源在Web浏览器中展示的技术。海康威视作为知名的安防监控设备供应商，其产品广泛应用于各种...
websocket+Mse视频流播放器
05-22
WebSocket+MSE（Media Source Extensions）视频流播放器是一种先进的技术解决方案，用于实现实时、低延迟的在线视频播放。这种技术结合了WebSocket协议和MSE标准，为开发者提供了更高效、灵活的方法来处理视频流数据...
最新海康视频ocx控件支持浏览器访问视频
11-30
最新海康视频ocx控件，海康内部ocx视频 可以直接在页面上查看视频
海康数字视频（网页视频播放）
01-18
海康摄像头，web端视频播放(IE)，需要安装组件Web Components
Android端海康视频取流,可以实时预览与查看历史录像
06-03
Android端海康视频取流,可以实时预览与查看历史录像
海康播放器HIKPLAYER---MP4 监控录像文件
12-26
能够播放大部分MP4监控录像文件 HIKPLAYER.rar
摄像头rtsp流转成rtmp流用于浏览器实时播放
04-25
标题中的“摄像头rtsp流转成rtmp流用于浏览器实时播放”涉及到的是网络视频流传输技术，特别是摄像头视频信号从RTSP（Real Time Streaming Protocol）协议转换到RTMP（Real-Time Messaging Protocol）协议的过程，...
HikvisionCamera开发-海康RTSP协议获取视频流
踏雨歌青春，诗酒趁年华
12-30 7490
本文将介绍如何在HikvisionCamera二次开发中如何通过RTSP协议获得实时视频流，使用到的摄像头为POE供电的海康威视-臻全彩款，以及套餐内配套录像机。本文提供的推流方案是通过海康威视产品提供的RTSP协议实现的，不需要接入萤石云。
流媒体视频基础 MSE 入门 & FFmpeg 制作视频预览缩略图和 fmp4
細水、長流√的专栏
11-04 1275
现在视频网站几乎全部都在使用 MSE 来播放视频。使用 MSE 有提供更好的用户体验，更加节约成本等好处。虽然视频播放一般使用hlsdash等协议的开源客户端来播放视频，我们自己不会使用到 MSE，但这些客户端底层都是使用 MSE，了解 MSE 才更了解这些客户端。
WebSocket接收流媒体服务的消息，通过MSE播放视频
phymat.nico的专栏
06-19 1978
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script type="text/javascript"> //window.onl.
WebSocket-fMP4 播放器
spy_007_的博客
01-07 3851
原地址： https://blog.csdn.net/icysky1989/article/details/75094205
MSE+MAE+MRE
09-26
MSE (Mean Squared Error)、MAE (Mean Absolute Error)和Huber Loss都是常用的损失函数，用于衡量模型的预测误差。 MSE是将预测值与真实值之间的差异平方后求平均，它对异常值更敏感，因为平方操作会放大异常值的影响。而MAE是将预测值与真实值之间的差异取绝对值后求平均，它对异常值不那么敏感，因为绝对值操作不会放大异常值。 MRE (Mean Relative Error)是另一种常用的误差指标，它衡量预测值与真实值的相对误差。MRE的计算方法是将预测值与真实值的差异除以真实值的绝对值后求平均。 如果我们想要权衡模型对异常值的处理和对预测值的准确性，可以使用Huber Loss。Huber Loss在预测误差较小的情况下使用MAE，在预测误差较大的情况下使用MSE，从而综合了二者的优点。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值