浏览器播放rtsp流媒体解决方案

已于 2023-07-06 16:10:24 修改
阅读量916 收藏 3
点赞数 2
文章标签： 音视频 网络协议 网络 http 前端
于 2023-07-06 15:39:49 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiehuanbin/article/details/131577847
版权

需要在浏览器上播放监控视频。获取了RTSP协议传输的视频流，而浏览器并不能直接播放RTSP流。

解决方案主要是两种，一种是服务端转流，另一种安装播放插件。

1、流媒体概念

传统的网络传输音视频等多媒体信息的方式是完全下载后再播放，下载常常要花数分钟甚至数小时。而采用流媒体技术，就可实现流式传输，将声音、影像或动画由服务器向用户计算机进行连续、不间断传送，用户不必等到整个文件全部下载完毕，而只需经过几秒或十几秒的启动延时即可进行观看。当声音视频等在用户的机器上播放时，文件的剩余部分还会从服务器上继续下载。常用的流媒体协议主要有HTTP渐进下载和基于RTSP/RTP的实时流媒体协议两类。在流式传输的实现方案中，一般采用HTTP/TCP来传输控制信息，而用RTP/UDP来传输实时多媒体数据。

2、RTMP、RTSP、HTTP协议

这三个协议都属于互联网 TCP/IP 五层体系结构中应用层的协议。理论上这三种都可以用来做视频直播或点播。但通常来说，直播一般用 RTMP、RTSP。而点播用 HTTP。下面分别介绍下三者的特点。

2.1 RTMP协议

（1）是流媒体协议。

（2）RTMP协议是 Adobe 的私有协议，未完全公开。

（3）RTMP协议一般传输的是 flv，f4v 格式流。

（4）RTMP一般在 TCP 1个通道上传输命令和数据。

2.2 RTSP协议

（1）是流媒体协议。

（2）RTSP协议是共有协议，并有专门机构做维护。.

（3）RTSP协议一般传输的是 ts、mp4 格式的流。

（4）RTSP传输一般需要 2-3 个通道，命令和数据通道分离。

2.3 HTTP协议

（1）不是是流媒体协议。

（2）HTTP协议是共有协议，并有专门机构做维护。

（3）HTTP协议没有特定的传输流。

（4）HTTP传输一般需要 2-3 个通道，命令和数据通道分离。

3、RTSP网络层

3.1 RTSP与传输层的关系

RTP是基于 UDP协议的， UDP不用建立连接，效率更高；但允许丢包， 这就要求在重新组装媒体的时候多做些工作 RTP只是包裹内容信息，而RTCP是交换控制信息的，Qos是通过RTCP实现的 应用程序对应的是play, seek, pause, stop等命令，RTSP则是处理这些命令，在UDP传输时并使用RTP(RTCP)来完成。如果是TCP连接则不会使用RTP(RTCP)。

3.2 传输过程

RTSP组合使用了可靠传输协议TCP（控制）和高效传输协议UDP（内容）来串流（streaming）内容给用户。它支持点播（Video-On-Demand）以及直播（Live Streaming）服务。RTSP协议本身并不负责数据传输，通常（非必须）是通过RTP（Real-time Transport Protocol）配合RTCP（Real-time Control Protocol）完成数据流和控制命令（同步、QOS管理等）的传输。具体应用中，三者的关系如下图所示：

4、RTSP怎么播放

4.1 服务端转流

我们就需要一层中间层，来将 RTSP 流转成前端可以支持的协议，这也引申出了目前实时流技术的几种方向

  • RTSP -> RTMP
  • RTSP -> HLS
  • RTSP -> RTMP -> HTTP-FLV

4.2 插件

以VLC插件为例：

1）安装vlc播放器或vlc的插件

http://download.videolan.org/vlc/2.2.4/win64/vlc-2.2.4-win64.7z

2）前端代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>video</title>
</head>
<body>
<object type='application/x-vlc-plugin' id='vlc' events='True' width="800" height="600" pluginspage="http://www.videolan.org" codebase="http://downloads.videolan.org/pub/videolan/vlc-webplugins/2.2.2/npapi-vlc-2.2.2.tar.xz">
    <param name='mrl' value='rtsp://221.224.224.38:554/011245010505570801.sdp' />
    <param name='volume' value='50' />
    <param name='autoplay' value='true' />
    <param name='loop' value='false' />
    <param name='fullscreen' value='true' />
</object>
</body>
</html>

6.使用live web播放器，该播放器由好游科技开发，无插件，低延时功能齐全。

5、 总结

  • 服务端转流会增加服务端的压力
  • vlc插件不支持高版本的谷歌内核浏览器
LiveWeb视频管理平台
关注
  • 2
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
博客
Liveweb视频监控汇聚平台
02-01 1978
LiveWeb服务器端包装包下载地址： https://haoyou456.com/test/LiveWeb.rar。liveWebPlayer H265播放器测试地址： https://haoyou456.com/test/支持RTMP分发、HLS分发、HTTP-FLV分发、WS-FLV分发、WebRTC分发;支持GB/T28181上下级联，RTSP\RTMP转GB/T28181，视频对讲;WEB后台管理、二次开发接口、防盗链、播放地址加密、播放器集成等;云端录像、云端录像点播、云端录像下载;
博客
支持H.265视频网页Web播放的Liveweb播放器（播放2K实时视频，非常流畅）
01-13 3548
Liveweb是一款无插件web实时视频播放器，能够同时支持HTTP、HTTP-FLV、HLS（m3u8）、WSS视频直播与视频点播等多种协议，支持H.264、H.265、AAC等多种音视频编码格式。Liveweb是一款无插件web实时视频播放器，能够同时支持HTTP、HTTP-FLV、HLS（m3u8）、WSS视频直播与视频点播等多种协议，支持H.264、H.265、AAC等多种音视频编码格式。在安防领域，视频技术也经历了从H.261、H.263到H.264、H.265编解码格式的发展。
博客
海康、大华等安防摄像头、NVR,如何通过GB28181协议接入liveweb国标流媒体平台?
01-05 1906
基于GB28181协议的视频流媒体平台liveweb可接入海康、大华、华为、科达、宇视等等各家摄像头、NVR、平台，做到统一管理，以及统一视频接入、并实现WEB端无插件直播，同时支持PC浏览器、手机浏览器、微信等直播、回放。目前基本所有的安防设备厂家的摄像头、NVR、视频平台都支持GB28181协议，是各家设备统一接入管理最好的标准。2、打开摄像头或NVR的配置页面，找到平台接入的GB28181平台配置，将第二步中服务端配置中心的信息设置到设备的配置页面，设备就可以自动注册啦。
博客
视频汇聚集成平台Liveweb：支持多种视频流协议的强大功能
08-16 365
LiveWeb是深圳市好游科技有限公司开发的一套综合视频汇聚管理平台，可提供多协议（RTSP/RTMP/GB28181/海康Ehome/大华，海康SDK等）的视频设备接入，支持GB/T28181上下级联，RTSP\RTMP转GB/T28181，云台控制，视频对讲;该平台具备多种功能，包括视频直播、录像、回放、检索、云存储、告警上报、语音对讲、集群、智能AI分析以及平台级联共享等。HTTP-FLV地址以http://开头，基于HTTP协议，与RTMP类似，适合作为拉流使用。
博客
国标GB28181视频监控Liveweb平台：视频集中录制存储/云端录像功能及操作介绍
08-16 405
平台能将接入的视频流进行汇聚、转码与多格式分发，具体包括：RTMP、RTSP、HTTP-FLV、WebSocket-FLV、HLS、WebRTC等，极大满足行业的多场景个性化安防视频监控需求。感兴趣的用户可以前往演示平台进行体验。安防视频监控系统Liveweb视频综合管理平台，采用了开放式的网络结构，可以提供实时远程视频监控、视频录像、录像回放与存储、告警、语音对讲、云台控制、平台级联、磁盘阵列存储、视频集中存储、云存储等丰富的视频能力，同时还具备权限管理、设备管理、鉴权管理、流媒体接入与转发等管理能力。
博客
视频监控系统/安防视频监控平台Liveweb流媒体服务解决方案
08-16 398
安防视频监控平台Liveweb是一个具有强大拓展性、灵活的视频能力和轻便部署的平台。它支持多种主流标准协议，包括国标GB28181、RTSP/Onvif、RTMP等，还可以支持厂家的私有协议和SDK接入，例如海康Ehome、海大宇等设备的SDK。该平台不仅拥有传统安防视频监控的功能，还具备接入AI智能分析的能力。它可以灵活地进行视频能力扩展，并支持多种视频流的外部分发，如RTMP、RTSP、HTTP-FLV、WebSocket-FLV、HLS、WebRTC等。
博客
视频监控方案：Liveweb视频汇聚方案技术特点与应用
08-15 596
安防视频监控平台Liveweb采用了开放式的网络结构，系统可支持的接入协议包括：国标GB28181、RTSP/Onvif、RTMP，以及厂家的私有协议与SDK，如：海康ehome、海康sdk、大华sdk、宇视sdk、华为sdk、萤石云sdk、乐橙sdk等，兼容各品牌的IPC、NVR、移动手持终端、执法仪、布控球、无人机等设备的接入，可以覆盖市面上99%的前端监控设备。视频监控云平台Liveweb能同时播放多路监控视频流，视频画面1、4、9、16个可选，还支持自定义视频轮播。
博客
视频监控方案设计：Liveweb视频流媒体平台方案技术特点与应用
08-15 557
安防视频监控平台Liveweb采用了开放式的网络结构，系统可支持的接入协议包括：国标GB28181、RTSP/Onvif、RTMP，以及厂家的私有协议与SDK，如：海康ehome、海康sdk、大华sdk、宇视sdk、华为sdk、萤石云sdk、乐橙sdk等，兼容各品牌的IPC、NVR、移动手持终端、执法仪、布控球、无人机等设备的接入，可以覆盖市面上99%的前端监控设备。视频监控云平台Liveweb能同时播放多路监控视频流，视频画面1、4、9、16个可选，还支持自定义视频轮播。
博客
国标GB28181视频流媒体服务方案Liveweb视频汇聚平台
08-15 253
总体来说，GB28181开启了一扇解决系统互联的门，使我们看到了希望，也为互联网的视频直播提供了更多的可能性。
博客
视频监控管理平台Liveweb视频国标级联共享平台系统解决方案
08-14 236
网络视频监控技术是基于网络技术发展的新一代视频监控技术，利用高带宽网络构建低成本、分布式、网络化监控系统，显著提升了监控和管理水平，为城市稳定、打击犯罪、保障公民安全提供了重要支持。该平台提供多项功能，包括视频监控、无插件直播录像、云存储、检索回放、智能告警、平台级联和GIS定位监测等，具备强大的视频整合能力和接入AI智能分析能力。在网络视频监控工程中，服务器承担着前端摄像机管理、视频转发、现场监控、记录、查询和报警等功能。3. 集中管理：支持集中用户、设备、存储和图像管理，提高管理效率和调度能力。
博客
视频监控管理平台Liveweb视频汇聚平台充电桩视频监控应用方案
08-14 900
Liveweb的视频监控平台支持多种显示模式，包括单画面、多画面以及视频轮巡播放，允许管理人员灵活选择查看方式，无需亲临现场即可有效监管多个站点，极大提升了工作效率。总体而言，Liveweb的新能源汽车充电桩视频监控方案融合了最新技术和设备，提供了实时监控、智能分析、远程控制和数据存储等全面功能，为充电桩的安全运营提供了坚实的技术支持。4) 设备统一管理：集中管理所有充电桩站点的设备，支持设备分组、权限设置和角色分配等功能，实现资源的精细化管理。
博客
视频汇聚平台Liveweb视频安防监控流媒体平台，公共视频监控方案
08-14 308
LiveWeb是深圳市好游科技有限公司开发的一套综合视频汇聚管理平台，可提供多协议（RTSP/RTMP/GB28181/海康Ehome/大华，海康SDK等）的视频设备接入，支持GB/T28181上下级联，RTSP\RTMP转GB/T28181，云台控制，视频对讲;更重要的是，我们将视频AI技术深入应用到了城市治理、公共安全以及应急管理等多个领域，这些努力都取得了显著的成效，为城市的智能化管理提供了有力的技术支持。这一功能的推出，使得我们可以全天候、无死角地监管水域，从而严防溺水事故的发生。
博客
国标GB28181视频流媒体平台Liveweb视频汇聚平台与国标协议对接解决方案
08-13 308
应急管理部门整合了多个部门的职责，包括安全生产监督管理、消防管理、救灾、地质灾害防治、水旱灾害防治、森林防火、海洋灾害预警报告和防灾减灾等，建立了市县纵向覆盖、各单位横向联通的信息化综合应用平台。该平台实现了“事前、事发、事中、事后”全面感知、动态监测、智能预警、分析决策、快速处置、精准监管，全面支持系统化、扁平化、立体化、智能化、人性化的现代应急管理体系建设。1. 支持与现有视频监控平台对接，实现视频系统与其他子系统的联动，如电话与视频关联、语音对讲、实时定位信息上报、报警与视频联动等。
博客
视频汇聚平台Liveweb赋能安防视频监控新生态
08-13 583
同时，Liveweb平台能够对接入的多源视频流进行转码处理，对外分发多种格式的视频流（如RTMP、RTSP、HLS、WebRTC、WS-FMP4、HTTP-FMP4、HTTP-FLV、WebSocket-FLV等），满足多样化的应用场景需求。系统支持多种流媒体传输协议，包括国标GB/T28181协议、GA/T 1400、部标JT808、RTMP、RTSP/Onvif协议，以及多家知名厂商的SDK（如海康、大华、宇视、华为等），确保在各种网络环境下都能实现视频流的快速接入与传输。
博客
视频汇聚平台Liveweb视频监控集中存储解决方案
08-13 252
LiveWeb是深圳市好游科技有限公司开发的一套综合视频汇聚管理平台，可提供多协议（RTSP/RTMP/GB28181/海康Ehome/大华，海康SDK等）的视频设备接入，支持GB/T28181上下级联，RTSP\RTMP转GB/T28181，云台控制，视频对讲;该平台统一接入和管理各下级平台的视频监控，重新分组、命名和自定义编号。此外，Liveweb视频汇聚平台还具备大规模设备接入、高并发处理、模块容灾、集群部署、本地存储和回放功能，并支持录像编辑、存储、删除、集中观看、标准视频流分发和网络配置。
博客
视频流媒体平台Liveweb视频监控业务平台技术方案
08-09 379
LiveWeb是深圳市好游科技有限公司开发的一套综合视频汇聚管理平台，可提供多协议（RTSP/RTMP/GB28181/海康Ehome/大华，海康SDK等）的视频设备接入，支持GB/T28181上下级联，RTSP\RTMP转GB/T28181，云台控制，视频对讲;该平台功能丰富，包括视频直播、录像、回放、检索、云存储、告警上报、语音对讲、集群、智能AI分析以及平台级联共享等。此外，Liveweb国标视频综合管理平台结合AI智能分析和边缘计算网关，实现基于端、边、云架构的AI智能检测分析和算力的精细化调度。
博客
视频监控平台Liveweb视频融合共享平台智慧安防视频监控汇聚应用方案
08-09 393
LiveWeb是深圳市好游科技有限公司开发的一套综合视频汇聚管理平台，可提供多协议（RTSP/RTMP/GB28181/海康Ehome/大华，海康SDK等）的视频设备接入，支持GB/T28181上下级联，RTSP\RTMP转GB/T28181，云台控制，视频对讲;云端录像、云端录像点播下载、设备录像点播下载;该平台不仅提供传统的安防监控功能，还支持接入AI智能分析，能够灵活扩展视频能力，并支持多种视频流的外部分发，如RTMP、RTSP、HTTP-FLV、WebSocket-FLV、HLS、WebRTC等。
博客
安防视频监控汇聚平台，Liveweb视频流媒体解决方案
08-08 545
同时，Liveweb平台能够对接入的多源视频流进行转码处理，对外分发多种格式的视频流（如RTMP、RTSP、HLS、WebRTC、WS-FMP4、HTTP-FMP4、HTTP-FLV、WebSocket-FLV等），满足多样化的应用场景需求。通过接入AI智能分析能力，实现对监控画面的深度学习和分析，例如，AI系统能够自动识别出异常行为、可疑人员、烟火隐患等，并及时发出预警信息，这提高了监控系统的智能化水平。在工厂、石化、煤矿等工业领域，Liveweb视频监控系统能够实现对生产过程的实时监控和智能分析。
博客
国标视频流媒体平台Liveweb视频汇聚平台的应用场景及其功能说明
08-08 626
Liveweb具备强大的视频整合能力和AI云边端调度能力，可以实现基于端、边、云架构的算力分配、资源调度、计算与存储、智能处理、敏捷部署等服务。国土资源监测：利用GPS、GIS、移动互联网络等技术，实现国土资源外业项目检查、数据采集、数据传输、数据处理与分发，以及实时数据查询分析、导航定位等功能。实现可视化、综合化、智慧化的数据融合分析、管理和展示平台。高效赋能行业：面向能源冶金、城管市政、自然生态、应急管理、智慧建筑、金融服务、公共服务、生产制造、工业建筑等行业，提供视频资源共享服务能力。
博客
视频监控方案设计：Liveweb视频流媒体智能监管系统方案特点与应用
08-08 903
安防视频监控平台Liveweb采用了开放式的网络结构，系统可支持的接入协议包括：国标GB28181、RTSP/Onvif、RTMP，以及厂家的私有协议与SDK，如：海康ehome、海康sdk、大华sdk、宇视sdk、华为sdk、萤石云sdk、乐橙sdk等，兼容各品牌的IPC、NVR、移动手持终端、执法仪、布控球、无人机等设备的接入，可以覆盖市面上99%的前端监控设备。视频监控云平台Liveweb能同时播放多路监控视频流，视频画面1、4、9、16个可选，还支持自定义视频轮播。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值