媒体指南

本页列出了有关 Web 媒体的指南。它们旨在帮助您了解使用媒体可以实现的各种可能性。

音频和视频传输

我们可以在网络上以多种方式交付音频和视频，从“静态”媒体文件到自适应直播流。本文旨在作为一个起点，探索基于网络的媒体的各种交付机制以及与流行浏览器的兼容性。

音频和视频操作

Web 的美妙之处在于您可以组合各种技术来创造新的形式。浏览器原生支持音频和视频，这意味着我们可以将这些数据流与 canvas、WebGL 或 Web Audio API 等技术结合使用，以直接修改音频和视频，例如为音频添加混响/压缩效果，或为视频添加灰度/怀旧滤镜。本文提供了参考，解释了您需要了解的内容。

媒体和 Web Audio API 自动播放指南

在页面加载时自动开始播放音频（或带有音频轨的视频）可能会令用户感到不快。虽然媒体自动播放有其用途，但应谨慎使用，并仅在需要时使用。为了让用户能够控制这一点，浏览器通常会提供各种形式的自动播放阻止。在本指南中，我们将介绍各种媒体和 Web Audio API 中的自动播放功能，包括如何使用自动播放的简要概述，以及如何与浏览器协同处理自动播放阻止。

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

自 Web 诞生以来，就一直支持某种形式的视觉媒体呈现。最初，这些功能非常有限，并随着时间的推移而有机地扩展，不同的浏览器针对在 Web 上包含静态和视频图像的问题找到了自己的解决方案。现代 Web 拥有强大的功能来支持媒体的呈现和操作，有多个与媒体相关的 API 支持各种类型的内容。通常，浏览器支持的媒体格式完全取决于浏览器的创建者，这可能会使 Web 开发人员的工作变得复杂。

流媒体音频和视频

在本指南中，我们将探讨在 Web 上流式传输音频和/或视频媒体所使用的技术，以及如何优化您的代码、媒体、服务器以及在执行流式传输时使用的选项，以实现最佳的质量和性能。

在 HTML 中使用图片

HTML img 元素允许您将图像嵌入 HTML 文档，而 picture 元素则支持响应式图片。在本指南中，您将找到处理将图片添加到网站上的相关资源的链接。这些文章提供了关于选择和配置图片类型的指导。