媒體型別和格式指南:影像、音訊和影片內容
自誕生之初,Web 就包含了對某種形式的視覺媒體呈現的支援。最初,這些功能非常有限,並且隨著不同的瀏覽器找到自己解決在 Web 上包含靜止影像和影片影像問題的方案而有機地擴充套件。現代 Web 擁有強大的功能來支援媒體的呈現和處理,其中幾個與媒體相關的 API 支援各種型別的內容。通常,瀏覽器支援的媒體格式完全取決於瀏覽器的建立者,這可能會使 Web 開發人員的工作複雜化。
本指南概述了 Web 上使用的媒體檔案型別、編解碼器和演算法。它還提供各種組合的瀏覽器支援資訊,以及格式優先順序建議,以及哪些格式在特定型別的內容中表現出色。
參考
影像
- 影像檔案型別和格式指南
-
網際網路上使用的主要影像檔案型別和內容格式的指南。這包括對以下內容的高階概述:瀏覽器支援、優勢和限制,以及有助於 Web 設計師為特定型別的內容選擇正確影像檔案格式的最佳實踐指南。
媒體檔案型別和編解碼器
- 媒體容器(檔案型別)
-
包含媒體資料的檔案型別的指南。有些是特定於音訊的,而另一些則可以用於音訊或組合的視聽內容(如電影)。包括主要 Web 瀏覽器支援的每種檔案型別的概述,以及瀏覽器支援資訊和支援的功能。
- Web 音訊編解碼器指南
-
常見媒體容器以及主要瀏覽器允許使用的音訊編解碼器的指南。包括優勢、限制、關鍵規格和功能以及用例。它還涵蓋每個瀏覽器在給定容器中使用編解碼器的支援情況。
- Web 影片編解碼器指南
-
本文提供了有關主要瀏覽器支援的影片編解碼器以及一些不常用但您可能仍然會遇到的影片編解碼器的基本資訊。它還涵蓋編解碼器功能、優勢、限制以及瀏覽器支援級別和限制。
- 常見媒體型別中的編解碼器
-
在指定描述媒體格式的 MIME 型別時,您可以使用
codecs引數作為型別字串的一部分提供詳細資訊。本指南描述了常見媒體型別的codecs引數的格式和可能值。 - WebRTC 使用的編解碼器
-
WebRTC不使用容器,而是使用
MediaStreamTrack物件從對等節點到對等節點流式傳輸編碼的媒體本身,以表示每個音訊或影片軌道。本指南討論了 WebRTC 通常使用的編解碼器。
指南
概念
教程和操作方法
- 學習:影片和音訊內容
-
本教程介紹並詳細說明了 Web 上媒體的使用。
- 處理 Web 內容中的媒體支援問題
-
在本指南中,我們研究瞭如何構建能夠最大限度地提高質量或效能並在提供儘可能廣泛的相容性的同時,透過明智地選擇媒體格式以及在有幫助的情況下提供回退和備用格式來構建 Web 內容。
其他主題
- 媒體功能 API
-
媒體功能 API 允許您發現應用程式或網站執行所在的裝置的編碼和解碼功能。這使您能夠即時決定使用哪些格式以及何時使用。