媒體指南

本頁列出了有關 Web 媒體的指南。它們旨在幫助您瞭解使用媒體可以實現的各種可能性。

音訊和影片傳輸

我們可以在網路上以多種方式交付音訊和影片，從“靜態”媒體檔案到自適應直播流。本文旨在作為一個起點，探索基於網路的媒體的各種交付機制以及與流行瀏覽器的相容性。

音訊和影片操作

Web 的美妙之處在於您可以組合各種技術來創造新的形式。瀏覽器原生支援音訊和影片，這意味著我們可以將這些資料流與 canvas、WebGL 或 Web Audio API 等技術結合使用，以直接修改音訊和影片，例如為音訊新增混響/壓縮效果，或為影片新增灰度/懷舊濾鏡。本文提供了參考，解釋了您需要了解的內容。

媒體和 Web Audio API 自動播放指南

在頁面載入時自動開始播放音訊（或帶有音訊軌的影片）可能會令使用者感到不快。雖然媒體自動播放有其用途，但應謹慎使用，並僅在需要時使用。為了讓使用者能夠控制這一點，瀏覽器通常會提供各種形式的自動播放阻止。在本指南中，我們將介紹各種媒體和 Web Audio API 中的自動播放功能，包括如何使用自動播放的簡要概述，以及如何與瀏覽器協同處理自動播放阻止。

圖片、音訊和影片內容的媒體型別和格式

自 Web 誕生以來，就一直支援某種形式的視覺媒體呈現。最初，這些功能非常有限，並隨著時間的推移而有機地擴充套件，不同的瀏覽器針對在 Web 上包含靜態和影片影像的問題找到了自己的解決方案。現代 Web 擁有強大的功能來支援媒體的呈現和操作，有多個與媒體相關的 API 支援各種型別的內容。通常，瀏覽器支援的媒體格式完全取決於瀏覽器的建立者，這可能會使 Web 開發人員的工作變得複雜。

流媒體音訊和影片

在本指南中，我們將探討在 Web 上流式傳輸音訊和/或影片媒體所使用的技術，以及如何最佳化您的程式碼、媒體、伺服器以及在執行流式傳輸時使用的選項，以實現最佳的質量和效能。

在 HTML 中使用圖片

HTML img 元素允許您將影像嵌入 HTML 文件，而 picture 元素則支援響應式圖片。在本指南中，您將找到處理將圖片新增到網站上的相關資源的連結。這些文章提供了關於選擇和配置圖片型別的指導。