网络上的原生视频

Avatar of Chris Coyier
Chris Coyier

DigitalOcean 为您的旅程每个阶段提供云产品。 从 200 美元免费积分 开始!

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 是一种流协议,它仍然需要以某种格式进行流式传输。

直接链接 →