HTML5 视频元素对直播都有哪些支持？

Posted 2023-05-07

【中文标题】HTML5 视频元素对直播都有哪些支持？

【英文标题】：What support for live streaming does the HTML5 video element have?HTML5 视频元素对直播有哪些支持？

【发布时间】：2015-01-27 23:19:24

【问题描述】：

html5 视频元素是否支持非基于 HTTP（HLS、SmoothStreaming 等）的直播协议？

它是否支持 RTP/RTSP 流媒体协议？是否支持 RTMP？是否有特定的浏览器支持或不支持？

【问题讨论】：

HTML5 live streaming RTSP 支持的可能重复：***.com/questions/1735933/…

【参考方案1】：

HTML5 标签对视频源的支持非常有限。支持的视频源也仅限于访问者使用的浏览器。请看：

http://www.w3schools.com/html/html5_video.asp

查看支持的格式表，具体取决于浏览器。综上所述，HTML5 Video 在所有浏览器上都支持 MP4，在 FireFox、Opera 和 Chrome 上支持 OGG、WEBM。话虽如此，它是Technically Possible to stream RTSP/RTP，但非常不推荐。

如果您必须使用 HTML5 视频并且对流媒体服务器拥有更多控制权，您可以尝试This Solution，它解释了如何使用 VLC 通过 ogg 文件流式传输视频。然后，该 ogg 文件链接可用于在带有 HTML5 视频标签的页面上流式传输视频。

HTML5 视频标签的替代品

Flash 视频播放器支持的内容远多于 HTML5 视频。例如JW Player 支持：

3 种视频文件类型：MP4、WebM 和 FLV。 3 种音频文件类型：AAC、MP3 和 Vorbis。 2 种流媒体协议：HLS 和 RTMP。

对于更高级的视频和音频源支持，您可以尝试VLC Web Plugin，或新的WebChimera（基于libvlc）。 （这两个都需要安装插件，flash 也需要插件，但通常已经安装）

更新

由于大多数浏览器已弃用 NPAPI 插件，因此使用 VLC Web 插件和 WebChimera NPAPI 不再是解决方案。

关于此主题的另一件有趣的事情是Dailymotion's HLS.js，它提供了通过 HLS 向所有浏览器实时流式传输的可能性。

【讨论】：

Niether MP4/WebM/FLV/HLS是流协议，这些是http伪流协议，因此，分块文件被播放器迭代下载和播放，这种流的固有限制是延迟, RTP/RTSP 的优点是最小延迟（真正的流媒体协议）...，话虽如此，WebRTC 可以用于 RTP(UDP) 流媒体吗？任何工作样本？

我对 WebRTC 不太熟悉，据我所知它确实支持 RTP。 （尽管您希望做的似乎不是 WebRTC 的预期用途）我发现 this answer 似乎最符合您的需求。其他可能对您的努力有用的链接是 this link 和 this link

你想串流什么？如果您尝试使用 WebRTC 流式传输 IP Cam，this link 可能会有所帮助

@Jaruba 请不要喜欢 w3schools.com，他们是一家私人公司，与 W3C 没有任何关系。

强烈建议不要使用 Rtsp 的可能性很小，您的意思是浏览器不太可能原生支持 rtsp 传输，如果您忽略 Rtsp 的 Http 隧道，则更准确。