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

已于 2023-12-14 09:17:50 修改
阅读量1.1k 收藏 1
点赞数
文章标签： websocket java 网络协议 github
于 2023-06-22 23:46:28 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/XS_YOUYOU/article/details/131344944
版权

简述

主要用于解决摄像头视频流无法在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
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
RTSP H264 流 MSE 播放
GoCoding
07-16 585
elsampsa/websocket-mse-demo 项目介绍： It this demo we’re streaming live video from an RTSP camera to your HTML5 browser. Video is streamed as H264 encapsulated in MP4. No transcoding takes place in the stream-to-browser pipeline. No browser-side flash or pure
浏览器采用MSE+FMP4播放海康摄像头RTSP视频流，视频服务器示例，纯java开发，采用websocket推送
06-22
- 技术结构 **RTSP + H264 + FMP4 + WebSocket + MSE + WEB** - 目前支持海康摄像头RTSP视频流在WEB页面上显示，亲测有效 - 视频流获取支持TCP/UDP两种方式，任意切换 - 通讯库**纯JAVA开发**，**没有任何其他...
获取海康摄像机的rtsp流，并用VLC测试
m0_47945902的博客
10-26 2999
获取海康摄像机的rtsp流，并用VLC测试，延时1-2秒
最全MSE(Media Source Extensions)介绍，2024年最新史上最通俗计算机网络分层详解
2401_84978503的博客
05-16 833
MSE(Media Source Extensions)，即媒体源扩展，可以理解为一种API，其提供了实现无插件且基于 Web 的流媒体的功能。通过 MSE，媒体串流能够通过 JavaScript 创建，并且可以使用 HTML5 的 和 标签进行播放。
海康大华等摄像头RTSP低延迟(小于300毫秒)网页播放解决方案！
liveweb视频汇聚平台
08-21 959
优点是可兼容移动端网页播放。此方案采用的是Chrome等高版本浏览器所支持的一种方便把更复杂的原生应用直接搬进 Web 的标准技术，然而对浏览器的兼容存在很大问题，IE肯定是不支持的，低版本的Chrome及Firefox等浏览器也不支持Wasm，具体兼容性可看这里https://caniuse.com/wasm。此方案同样要求浏览器支持流媒体扩展特性(MSE)，对延迟不敏感的单源播放尚可，多路播放就只能洗洗睡了，另外根据一些用户的反馈，对各品牌摄像头的兼容性也不太友好，作为商业用途使用是不可行的。
在Chrome、Firefox等浏览器中实现低延迟播放海康、大华RTSP
猿大师办公助手官方博客
05-07 1089
现在到处是摄像头的时代，随着网络带宽的不断提速和智能手机的普及催生出火热的网络直播行业，新冠病毒的大流行又使网络视频会议系统成为商务会议的必然选择，因此RTSP实时视频流播放及处理不再局限于安防行业。在如道路、工厂、楼宇、学校、港口、农场、景区等诸多场景实施的信息化系统中，绝大多数都采用的是B/S架构，隐藏迫切需要在浏览器中嵌入多路摄像头RTSP流低延迟(小于500毫秒)播放功能，而在IE及Chrome 45以下版本等浏览器中，采用ActiveX控件或NPAPI插件即可实现。然而美好总是短暂的，从2015年
在Chrome、Firefox等高版本浏览器中实现低延迟播放海康、大华RTSP
PageHi
12-14 930
一、背景 现在到处是摄像头的时代，随着带宽的不断提速和智能手机的普及催生出火热的网络直播行业，新冠病毒的大流行又使网络视频会议系统成为商务会议的必然选择，因此RTSP实时视频流播放及处理不再局限于安防行业。在如道路、工厂、楼宇、学校、港口、农场、景区等场景实施的信息化系统中，已基本全采用B/S架构，迫切需要在浏览器中嵌入多路摄像头RTSP流的超低延迟(小于500毫秒)播放功能，而在IE及Chrome 49以下版本等浏览器中，采用ActiveX控件或NPAPI插件即可实现。然而美好总是短暂的...
在谷歌Chrome中低延迟播放海康、大华RTSP完全解决方案！
猿大师办公助手官方博客
08-02 1579
历史背景 随着网络宽带的不断提升和智能手机的流行，RTSP实时视频流播放及处理不再局限于安防行业。在如道路、工厂、楼宇、学校、港口、农场、景区等诸多场景实施的信息化系统中，绝大多数都采用的是B/S架构，隐藏迫切需要在浏览器中嵌入多路摄像头RTSP流低延迟(小于500毫秒)播放功能，而在IE及Chrome 45以下版本等浏览器中，采用ActiveX控件或NPAPI插件即可实现。然而美好总是短暂的，从2015年开始Chrome及Firefox等浏览器纷纷取消了NPAPI插件的支持，而IE又在与Chrome及F
rtsp流浏览器播放方案
热门推荐
Terry的专栏
04-01 1万+
rtsp流在主流浏览器并不支持直接播放。比如大华的视频流：rtsp://admin:123456@ 192.168.10.129/cam/realmonitor?channel=1&subtype=0，用vlc可以直接播放。但在浏览器会报ERR_UNKNOWN_URL_SCHEME。那如何在浏览器中播放呢。 以下列出几种方案。 1、安装插件（chrome最新版基本都不支持） 类如：kurento，vlc插件（谷歌浏览器版本41以下),vgx插件(不支持高版本，chrome72.0版本可用)等。
实现h5端播放rtsp流视频--通过ffmpeg转流实现
weixin_45381071的博客
02-24 7490
实现h5端播放rtsp流视频--通过ffmpeg转流实现
vue播放海康视频流
weixin_44997513的博客
11-24 1907
<template> <div class="playVideo-layout"> <!-- 播放器 --> <div class="goBack-box" @click="gobank">返回</div> <iframe id="external-frame" loading="lazy" :src="videoUrl" width="100%" he.
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标准，为开发者提供了更高效、灵活的方法来处理视频流数据...
摄像头rtsp流转成rtmp流用于浏览器实时播放
04-25
标题中的“摄像头rtsp流转成rtmp流用于浏览器实时播放”涉及到的是网络视频流传输技术，特别是摄像头视频信号从RTSP（Real Time Streaming Protocol）协议转换到RTMP（Real-Time Messaging Protocol）协议的过程，...
golang 接口
m0_70982551的博客
07-24 895
接口定义了一组方法，这些方法没有具体的实现。接口类型的变量可以存储任何实现了这些方法的类型的值。// 更多方法...在Go语言中，接口值是指存储了实现某个接口的具体类型值的变量。接口值由两部分组成：1.动态类型：这是接口值当前存储的实际类型。2.动态值：这是实际存储的值，该值必须实现了接口中定义的所有方法。
Swagger使用Map接受参数时，页面如何显示具体参数及说
最新发布
a1058926697的博客
07-26 477
后端使用Map接受参数，要求在swagger页面上显示具体的参数名称、类型及说明。当Map接受参数数量少时，可以使用Swagger自带的注解。自定义注解 @ApiGlobalModel。编写处理注解对应的插件。
springboot之自动装配
weixin_50153914的博客
07-23 591
Spring Boot 通过一系列注解和条件配置实现了自动装配机制，使得开发者无需手动配置大量的 XML 文件或 Java 配置类。自动配置机制利用文件中的自动配置类，并结合条件注解和组件扫描，实现了灵活且强大的自动装配功能。这样，开发者可以专注于业务逻辑的实现，而无需处理繁琐的配置细节。
MSE+MAE+MRE
09-26
MSE (Mean Squared Error)、MAE (Mean Absolute Error)和Huber Loss都是常用的损失函数，用于衡量模型的预测误差。 MSE是将预测值与真实值之间的差异平方后求平均，它对异常值更敏感，因为平方操作会放大异常值的...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值