媒体指南

本页列出了 Web 媒体相关的指南。它们旨在帮助你了解使用媒体可以实现哪些功能。

在 HTML 中使用图像

HTML img 元素可让你在 HTML 文档中嵌入图像，而 picture 元素则可启用响应式图像。在本指南中，你可以找到有关在网站中添加图像的资源链接。

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

网页加载完成后立即播放音频（或带有音频轨道的视频）可能会意外地打扰到用户。尽管自动播放媒体文件是一个很实用的功能，但是我们也应该谨慎地使用它，保证只有在它被需要的时候才使用。为了让用户拥有控制权，通常浏览器会提供各种方式禁用自动播放音频功能。在这篇文章中，我们将介绍各种媒体和 Web Audio API 的自动播放功能，包括关于如何使用自动播放功能、如何优雅的处理阻止自动播放功能的一些简短的介绍。

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

几乎从一开始，Web 就包含了对某种形式的视觉媒体呈现的支持。最初，这些功能是有限的，但是不同的浏览器厂商扩展了这些功能，并且找到了自己的解决方案来解决网络上的静态和视频图像等问题。现代 Web 具有强大的功能来支持媒体的呈现和操作，多个与媒体相关的 API 支持各种类型的内容。通常，浏览器支持的媒体格式完全取决于浏览器的创建者，这可能会使 Web 开发人员的工作复杂化。

流式传输音频和视频

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

音频与视频处理

Web 的迷人之处在于你可以结合各种技术创造出新的形式。拥有浏览器中的原生音频和视频意味着我们可在像 canvas、WebGL 或 Web Audio API 等技术的辅助下使用这类数据流，例如：为音频添加混响和压缩效果，或为视频添加灰度/暗色滤镜。本文将为你提供相关的参考。