媒体类型和格式指南:图像、音频和视频内容

自诞生之初,Web 就包含了对某种形式的视觉媒体呈现的支持。最初,这些功能非常有限,并且随着不同的浏览器找到自己解决在 Web 上包含静止图像和视频图像问题的方案而有机地扩展。现代 Web 拥有强大的功能来支持媒体的呈现和处理,其中几个与媒体相关的 API 支持各种类型的內容。通常,浏览器支持的媒体格式完全取决于浏览器的创建者,这可能会使 Web 开发人员的工作复杂化。

本指南概述了 Web 上使用的媒体文件类型、编解码器和算法。它还提供各种组合的浏览器支持信息,以及格式优先级建议,以及哪些格式在特定类型的內容中表现出色。

参考

图像

图像文件类型和格式指南

互联网上使用的主要图像文件类型和內容格式的指南。这包括对以下内容的高级概述:浏览器支持、优势和限制,以及有助于 Web 设计师为特定类型的內容选择正确图像文件格式的最佳实践指南。

媒体文件类型和编解码器

媒体容器(文件类型)

包含媒体数据的文件类型的指南。有些是特定于音频的,而另一些则可以用于音频或组合的视听內容(如电影)。包括主要 Web 浏览器支持的每种文件类型的概述,以及浏览器支持信息和支持的功能。

Web 音频编解码器指南

常见媒体容器以及主要浏览器允许使用的音频编解码器的指南。包括优势、限制、关键规格和功能以及用例。它还涵盖每个浏览器在给定容器中使用编解码器的支持情况。

Web 视频编解码器指南

本文提供了有关主要浏览器支持的视频编解码器以及一些不常用但您可能仍然会遇到的视频编解码器的基本信息。它还涵盖编解码器功能、优势、限制以及浏览器支持级别和限制。

常见媒体类型中的编解码器

在指定描述媒体格式的 MIME 类型时,您可以使用codecs参数作为类型字符串的一部分提供详细信息。本指南描述了常见媒体类型的codecs参数的格式和可能值。

WebRTC 使用的编解码器

WebRTC不使用容器,而是使用MediaStreamTrack对象从对等节点到对等节点流式传输编码的媒体本身,以表示每个音频或视频轨道。本指南讨论了 WebRTC 通常使用的编解码器。

指南

概念

数字音频概念

介绍如何将音频转换为数字形式并存储以供计算机使用。它解释了有关如何对音频进行采样以及采样率、音频帧和音频压缩等概念的基本概念。

数字视频概念

Web 上使用的数字视频涉及的基本概念的指南,包括有关颜色格式、色度子采样、人类感知如何影响视频编码等的基本知识。

教程和操作方法

学习:视频和音频內容

本教程介绍并详细说明了 Web 上媒体的使用。

处理 Web 内容中的媒体支持问题

在本指南中,我们研究了如何构建能够最大限度地提高质量或性能并在提供尽可能广泛的兼容性的同时,通过明智地选择媒体格式以及在有帮助的情况下提供回退和备用格式来构建 Web 内容。

其他主题

媒体功能 API

媒体功能 API 允许您发现应用程序或网站运行所在的设备的编码和解码功能。这使您能够实时决定使用哪些格式以及何时使用。