图片、音频和视频内容的媒体类型和格式

自问世以来,Web 一直支持某种形式的视觉媒体呈现。最初,这些功能非常有限,并且是逐步扩展的,不同的浏览器找到了自己的解决方案来解决在 Web 上包含静态图像和视频的问题。现代 Web 拥有强大的功能来支持媒体的呈现和操作,其中有几个与媒体相关的 API 支持各种类型的内容。通常,浏览器支持的媒体格式完全取决于浏览器的创建者,这可能会使 Web 开发人员的工作复杂化。

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

指南

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

从根本上说,您可以使用基本的 MIME 类型来指定媒体文件的类型,例如 video/mp4audio/mpeg。然而,许多媒体类型,尤其是那些支持视频轨道的媒体类型,可以受益于能够更精确地描述其内部数据的格式。例如,仅使用 MIME 类型 video/mp4MPEG-4 文件中描述视频,并不能说明其内部实际媒体的格式。

WebRTC 使用的编解码器

WebRTC API 使得构建网站和应用程序成为可能,这些网站和应用程序可以让用户实时交流,使用音频和/或视频以及可选数据和其他信息。为了通信,两个设备需要能够就每条轨道达成一致的、相互理解的编解码器,以便它们能够成功地通信和呈现共享媒体。本指南回顾了浏览器必须实现的编解码器以及一些或所有浏览器为 WebRTC 支持的其他编解码器。

为 Ogg 媒体配置服务器

HTML audiovideo 元素允许媒体呈现,而无需用户安装扩展或其他软件。本指南涵盖了正确服务 Ogg 媒体文件可能需要的服务器配置。如果您遇到服务器尚未配置为识别的其他媒体类型,此信息也可能有用。

数字音频概念

以数字形式表示音频涉及多个步骤和过程,有多种格式可用于原始音频以及实际上在 Web 上使用的编码或压缩音频。本指南是对音频如何以数字形式表示以及编解码器如何用于对 Web 上的音频进行编码和解码的概述。

数字视频概念

在本文中,我们将探讨对于充分理解如何在 Web 上处理视频很有用的重要概念。

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

在 Web 上处理音频和视频呈现和操作的现实之一是,有许多可用的媒体格式,其受欢迎程度和功能各不相同。选择的多样性对用户来说是件好事,因为他们可以选择最适合其需求的格式。然而,有一个缺点:由于有如此多的选择,涉及如此多的不同类型的许可证和设计原则,每个 Web 浏览器开发人员在决定支持哪些媒体文件类型和编解码器时都必须自行决定。

图像文件类型和格式指南

在本指南中,我们将介绍 Web 浏览器通常支持的图像文件类型,并提供一些见解,帮助您选择最适合您网站图像的格式。

媒体容器格式(文件类型)

媒体容器是一种文件格式,它封装一个或多个媒体流(如音频或视频)以及元数据,使其能够一起存储和播放。音频和视频媒体文件的格式由多个组件定义,包括使用的音频和/或视频编解码器、媒体容器格式(或文件类型),以及可选的其他元素,如字幕编解码器或元数据。在本指南中,我们将介绍 Web 上最常用的容器格式,涵盖其规范的基础知识以及它们的优点、局限性和理想用例。

Web 音频编解码器指南

即使是适度的质量、高保真的立体声音频也会占用大量磁盘空间。对于 Web 开发人员来说,更大的担忧是传输音频所需的网络带宽,无论是流式传输还是下载音频以供游戏中使用。音频数据的编码和解码处理由音频编解码器COder/DECoder)处理。在本文中,我们将了解 Web 上用于压缩和解压缩音频的音频编解码器,它们的特性和用例是什么,并为选择用于内容的音频编解码器提供指导。

Web 视频编解码器指南

本指南介绍了您最有可能在 Web 上遇到或考虑使用的视频编解码器,总结了它们的特性以及任何兼容性和实用性方面的考虑因素,并提供了帮助您为项目视频选择正确编解码器的建议。

学习:HTML 视频和音频

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

另见

Media Capabilities API

媒体能力 API (Media Capabilities API) 可让您发现应用程序或网站运行设备的编码和解码能力。这样,您就可以实时决定使用哪些格式以及何时使用。