TIL 关于 HLS 视频格式
HLS 代表 HTTP Live Streaming。 它是苹果公司开发的一种自适应比特率流协议。 这句话可以在任何聚会上轻松说出。 嗯。 回到正题:HLS 允许您指定一个包含多个不同分辨率的视频源的播放列表。 根据可用带宽,这些视频源可以切换并允许自适应播放。
这是一个有趣的旅程,Kitchen Stories 背后的工程团队想要从 Vimeo 播放器 (160 kB) 切换,但仍然使用 Vimeo 作为视频主机,因为他们提供带有 Pro 计划的直接视频链接。 相反,他们使用原生的 <video>
元素、一个用于处理 HLS 的库和一个包装元素,以赋予他们一些额外的 UX。
这些视频内容很难跟上! 还有另一种名为 AV1 的新格式,它显然是一个大事件,因为 YouTube 和 Netflix 都在采用它。 Andrey Sitnik 在此处撰写了相关内容
即使 AV1 编解码器仍然被认为是实验性的,您现在就可以利用其高质量、低比特率特性,为您的网络受众(使用最新版 Chrome 和 Firefox 的用户)提供大量优势。 当然,您不会想让其他浏览器的用户无处可去,但
<video>
和<source>
标签的属性使实现此逻辑变得容易,而且在纯 HTML 中,您不需要使用 JavaScript 来检测用户代理。
这甚至没有提到 HLS,但我猜这是因为 HSL 是一种流协议,它仍然需要以某种格式进行流式传输。