何时为 Web 应用程序使用 HLS 或 DASH 格式

Posted

技术标签:

【中文标题】何时为 Web 应用程序使用 HLS 或 DASH 格式【英文标题】:When to use HLS or DASH format for web application 【发布时间】:2021-02-13 13:38:46 【问题描述】:

我正在构建一个网络应用程序 (reactjs) 来分享视频。 对于每个视频,我都会生成一个HLS 和一个DASH 格式(因为并非每个设备都支持 HLS)。

我想要一个服务器端浏览器检测并为每个设备使用正确的格式(使用网络播放器 - 目前我使用的是video.js

我确定的是,对于每个 ios 设备,HLS 都应该工作(在 Safari、Chrome 和 Firefix 上)。这是正确的吗?

我已经搜索了更多详细信息,但无法获得包含主要浏览器和操作系统格式的列表(ChromeFirefoxSafariEdgeMacOS、@987654329 @ 和 Windows)。

谁能帮我解决这个问题?

谢谢。

C.C.

【问题讨论】:

【参考方案1】:

一般的 HLS 兼容性可以简化为:

具有本机 HLS 兼容性的浏览器(iOS 浏览器、Safari 等) 支持 MediaSource 扩展的浏览器 (https://www.caniuse.com/mediasource)

您会注意到,当结合这两个方面时,大多数平台上的大多数浏览器都支持 HLS。如果您正在流式传输视频,它是您拥有的最兼容的技术选项。

DASH 具有类似的兼容性组,但当前没有原生支持 DASH 的浏览器。相反,DASH 完全通过 MediaSource Extensions 得到支持。这使 DASH 能够更灵活地应对未来的变化。唯一阻止它的是苹果的商业惯例。 Apple 不在 iOS 上启用 MediaSource Extensions,不允许在 iOS 上使用替代浏览器引擎,因此规定了整个行业的最低公分母格式。

【讨论】:

以上是关于何时为 Web 应用程序使用 HLS 或 DASH 格式的主要内容,如果未能解决你的问题,请参考以下文章

是否有任何详细的教程或案例研究用于使用带有 HLS 回退的 MPEG-DASH 构建在线视频交付服务?

免费或低成本的 mpeg-dash / HLS 视频播放器 [关闭]

流媒体通信协议HLS与DASH的对比

流媒体通信协议HLS与DASH的对比

使用nginx-vod-module hls &&dash &&Thumbnail 处理

由于视频文件类型,HLS 与 DASH-MPEG 是不是不同?