【问题标题】:Fetch video data from RTMP Streaming link to browser从 RTMP 流媒体链接获取视频数据到浏览器
【发布时间】:2021-11-10 07:13:27
【问题描述】:

有没有办法将 RTMP 实时视频流获取到基于 REACT 创建的简单浏览器?我尝试了各种方法,包括使用 Video.js 的方法。但是我收到一个错误,例如“找不到此媒体的兼容来源”,有时播放器会陷入一种没有数据的缓冲情况。我只需要来自 RTMP 链接的数据就像在一个简单的视频播放器中一样。任何解决方案?谢谢。

【问题讨论】:

  • 我还做了 html 视频标签,例如:<video id="player" class="video-js vjs-default-skin" height="70" width="300" controls autoplay preload="none"><source src="{rtmp link}" type="rtmp/mp4"/></video>
  • 浏览器播放RTMP需要Flash,浏览器不再支持Flash。
  • 是的,我在很多文档中都看到了这一点。但是,是否可以将其转换为 HLS 输出?那我只需要编写一个可以播放HLS的浏览器就行了?

标签: reactjs video.js rtmp multimedia


【解决方案1】:

REACT H5视频播放器无法播放RTMP,需要媒体服务器转换为HTTP-FLV/HLS/WebRTC,请阅读this post

这些协议引入了不同的延迟,HTTP-FLV最有可能RTMP大约1~3s延迟,而HLS大约5~10s,WebRTC最实时大约0.6~1s。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-12-07
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多