圖片、音訊和影片內容的媒體型別和格式
自問世以來,Web 一直支援某種形式的視覺媒體呈現。最初,這些功能非常有限,並且是逐步擴充套件的,不同的瀏覽器找到了自己的解決方案來解決在 Web 上包含靜態影像和影片的問題。現代 Web 擁有強大的功能來支援媒體的呈現和操作,其中有幾個與媒體相關的 API 支援各種型別的內容。通常,瀏覽器支援的媒體格式完全取決於瀏覽器的建立者,這可能會使 Web 開發人員的工作複雜化。
本指南概述了 Web 上使用的媒體可能包含的媒體檔案型別、編解碼器和演算法。它還提供了這些各種組合的瀏覽器支援資訊,以及格式優先順序的建議,以及哪些格式在特定型別的內容方面表現出色。
指南
- 常見媒體型別中的編解碼器
從根本上說,您可以使用基本的 MIME 型別來指定媒體檔案的型別,例如
video/mp4或audio/mpeg。然而,許多媒體型別,尤其是那些支援影片軌道的媒體型別,可以受益於能夠更精確地描述其內部資料的格式。例如,僅使用 MIME 型別video/mp4在 MPEG-4 檔案中描述影片,並不能說明其內部實際媒體的格式。- WebRTC 使用的編解碼器
WebRTC API 使得構建網站和應用程式成為可能,這些網站和應用程式可以讓使用者即時交流,使用音訊和/或影片以及可選資料和其他資訊。為了通訊,兩個裝置需要能夠就每條軌道達成一致的、相互理解的編解碼器,以便它們能夠成功地通訊和呈現共享媒體。本指南迴顧了瀏覽器必須實現的編解碼器以及一些或所有瀏覽器為 WebRTC 支援的其他編解碼器。
- 為 Ogg 媒體配置伺服器
HTML
audio和video元素允許媒體呈現,而無需使用者安裝擴充套件或其他軟體。本指南涵蓋了正確服務 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) 可讓您發現應用程式或網站執行裝置的編碼和解碼能力。這樣,您就可以即時決定使用哪些格式以及何時使用。