方案一: H5 + websocket_rtsp_proxy 实现视频流直播

Streamedian 提供了一种“html5_rtsp_player + websock_rtsp_proxy”的技术方案,可以通过html5的video标签直接播放RTSP的视频流。

整个架构如下图所示,分为服务器端和浏览器端两部分:

方案二:RTSP转RTMP到RTMP服务器,转http-flv,播放端用flv.js播放

flv.js在获取到FLV格式的音视频数据后将 FLV 文件流转码复用成 ISO BMFF(MP4 碎片)片段,再通过Media Source Extensions API 传递给原生HTML5 Video标签进行播放。

flv.js 是使用 ECMAScript 6 编写的,然后通过 Babel Compiler 编译成 ECMAScript 5,使用 Browserify 打包。

flv.js 从服务器获取FLV再解封装后转给Video标签的原因如下:

  • 兼容目前的直播方案:目前大多数直播方案的音视频服务都是采用FLV容器格式传输音视频数据。
  • flv格式简单,相比于MP4格式转封装简单、性能上也占优势,解析起来更快更方便。

方案三:RTSP转RTMP到RTMP服务器,转hls,播放端用video.js播放

Video.js是一款web视频播放器,支持html5和flash两种播放方式。更有自定义皮肤,插件,组件,语言还有丰富的选项配置。

方案四:VLC或者SmartPlayer第三方插件播放

VLC不再多说,几乎做流媒体的开发者都知道,SmartPlayer是大牛直播SDK (Github) 的播放插件,延迟和功能体验更好。

插件形式的优点是无需二次转换,直接通过ActiveX控件的形式播放,延迟非常低,缺点是只支持IE浏览器。

方案五:RTSP转WebRTC播放

浏览器对webrtc的支持良好,特别是在H264编码方面几个主流的浏览器都已经支持了。webrtc使用srtp进行媒体数据的传输,那么我们只需要将rtp中的负载数据通过webrtc通道发送给浏览器,而浏览器端只需要通过video标签播放即可,目前RTSP转WebRTC对浏览器的适配比较好,延迟也比较低。

浏览器播放RTSP视频流几种解决方案相关推荐

  1. 浏览器播放rtsp视频流:3、rtsp转webrtc播放

    浏览器播放rtsp视频流:3.rtsp转webrtc播放 文章目录 浏览器播放rtsp视频流:3.rtsp转webrtc播放 1. 前言 2. rtsp转webRTC 3. 初步测试结果 4. 结合我 ...

  2. html播放rtsp流,浏览器播放rtsp视频流解决方案

    最近项目中需要实时播放摄像头rtsp视频流,于是就专门做了些研究.而浏览器不能直接播放,只有通过插件或者转码来实现这个需求. 要实现这个目的,可以采用的方案非常得多,有商业的也有开源的,这里主要列举一 ...

  3. html播放rtsp视频,浏览器播放rtsp视频流解决方案

    最近项目中需要实时播放摄像头rtsp视频流,于是就专门做了些研究.而浏览器不能直接播放,只有通过插件或者转码来实现这个需求. 要实现这个目的,可以采用的方案非常得多,有商业的也有开源的,这里主要列举一 ...

  4. 浏览器播放rtsp视频流方案(ffmpeg + nginx转m3u8)

    1.下载ffmpeg ,传送门:https://ffmpeg.en.softonic.com/ 2.配置环境变量 右击我的电脑---->点击属性,打开左侧高级系统设置 点击下方的环境变量 在下方 ...

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

    浏览器播放rtsp流媒体解决方案 参考文章: (1)浏览器播放rtsp流媒体解决方案 (2)https://www.cnblogs.com/gaoji/p/6872365.html 备忘一下.

  6. 谷歌浏览器Chrome播放rtsp视频流解决方案easyPlayerRTSP

    A 方案 VLC播放RTSP B 方案mplayer播放RTSP C方案 mpvPlayer播放RTSP D方案 easyPlayerRTSP调用ffmpeg库播放RTSP 使用AppEmit中间件来 ...

  7. rtsp 测试地址_TranServer:简单实现浏览器播放RTSP流

    市面上有很多浏览器播放RTSP的解决方案,参见(https://juejin.im/post/6844903877217632264). 可惜这些方式,都不太适合上百个摄像头的接入,所以自己写了个服务 ...

  8. PHP如何调取vlc播放rtsp,H5+VLC播放RTSP视频流

    最新项目涉及到摄像头,这篇文章记录一下在VUE中播放RTSP视频流. 这篇文章主要介绍使用VLC插件播放RTSP视频流,目前支持的浏览器有 360浏览器.2345浏览器,可用于一些对播放器要求不高的项 ...

  9. 网页播放rtsp视频流

    https://github.com/vbence/stream-m https://github.com/131/h264-live-player 网页播放rtsp视频流 原文:https://bl ...

  10. 浏览器播放rtsp视频,基于nodeJs

    浏览器播放rtsp视频,基于nodeJs 1:安装ffmpeg,并且配置环境变量. 下载地址:http://ffmpeg.zeranoe.com/builds/ 或者: 百度云链接:https://p ...

最新文章

  1. if __name__ == __main__
  2. 速计算机科学,计算机科学速成课30:万维网【视频】
  3. 学python要多少钱-Python培训一般要多少钱?
  4. 二分查找树性能分析(Binary Search Tree Performance Analysis)
  5. 【poj2114】点分治(离线)
  6. 自适应登陆html5,html5验证自适应
  7. 有什么好一点的方法读jdk源码吗?
  8. struts2+json(3)
  9. Go语言中使用panic和recover简化错误处理
  10. C# 面向对象初级 (参考传智播客视频)
  11. 管家婆 经营历程 Date exceeds maximum of 19-12-31 报错解决补丁包
  12. 2019年中国大学生计算机设计大赛--心得总结
  13. 计算机文化基础(高职高专版 第十一版)第九章 答案
  14. Unity 经纬度定位
  15. golang 实现 key有序map
  16. SpringCloud集成分布式事务LCN
  17. 区块链技术应用在金融领域之大数据风控
  18. iOS 系统权限配置
  19. 碧蓝航线经济系统的流程图
  20. gnuplot(九)、gnuplot画矢量与颜色设置

热门文章

  1. PAT 乙级 1001 害死人不偿命的(3n+1)猜想 (15 分) C++
  2. 如何恢复误删的注册表
  3. 11中常见的句法成分
  4. 用GoldWave制作合唱的四重奏回音效果
  5. goldwave教程分享:用GoldWave进行音量调节
  6. Sass系统技术选型笔记(1)OS
  7. 8-2SpringDataJpa
  8. html编辑唐诗的格式,古诗竖着写的格式
  9. 2021年嵌入式校招求职经历
  10. nginx反向代理打印日志_Nginx 反向代理 log 显示真IP地址