如何使用视频元素在 html5 中播放直播视频?

Posted

技术标签:

【中文标题】如何使用视频元素在 html5 中播放直播视频?【英文标题】:How to play live streaming videos in html5 using video element? 【发布时间】:2019-08-15 21:42:54 【问题描述】:

我正在尝试以 html5 播放实时流媒体视频。我已经尝试使用 red5 服务器来订阅视频,并且效果很好。但问题是,它是在浏览器中使用 Flash 播放的。我想在不使用 Flash 支持的情况下播放 html5 视频标签中的视频。 注:直播格式为flv。

任何人都可以指导我执行此操作的最佳选择吗? 提前致谢。

【问题讨论】:

【参考方案1】:

您可以使用第三方播放器(如 JW 播放器、SublimeVideo、VideoJS 等)替代 Flash 播放器。

如果您正在寻找非基于 http 的协议,我也会研究 html5_rtsp_player。 (https://github.com/Streamedian/html5_rtsp_player)

【讨论】:

谢谢,我会检查一下【参考方案2】:

由于 HTML5 video 目前(或可能永远)不支持 .flv,您应该使用后处理器(如果在 Red5 上录制到 flv)使用 ffmpeg 转换为 .mp4。这将缓解不受支持的容器问题。

【讨论】:

谢谢,我会检查一下

以上是关于如何使用视频元素在 html5 中播放直播视频?的主要内容,如果未能解决你的问题,请参考以下文章

在某些 Android 版本上无法播放直播视频,未找到 HTML5 视频

Mpeg Dash html5 播放器或直播视频

HTML5中如何显示视频HTML5视频播放

如果 DOM 中不存在视频/音频元素,如何设置 html5 视频/音频的播放速度

监控摄像头通过Html5远程投送到广告屏直播

如何使用 HTML5 <video> 元素播放 m3u8(文件)视频?