HTML 媒體(Media)

Web 上的多媒體指的是音效、音樂、視訊和動畫。

現代網路瀏覽器已支援很多多媒體格式。

什麼是多媒體？

多媒體來自多種不同的格式。它可以是您聽到或看到的任何內容，文字、圖片、音樂、音效、錄音、電影、動畫等等。

在因特網上，您會經常發現嵌入網頁中的多媒體元素，現代瀏覽器已支援多種多媒體格式。

在本教程中，您將瞭解到不同的多媒體格式，以及如何在您的網頁中使用它們。

瀏覽器支援

第一款因特網瀏覽器只支援文字，而且即使是對文字的支援也僅限於單一字型和單一顏色。隨後誕生了支援顏色、字型和文字樣式的瀏覽器，圖片支援也被加入。

不同的瀏覽器以不同的方式處理對音效、動畫和視訊的支援。某些元素能夠以內聯的方式處理，而某些則需要額外的外掛。

您將在下面的章節學習更多有關外掛的知識。

多媒體格式

格式 多媒體元素（比如視訊和音訊）儲存於媒體檔案中。

確定媒體型別的最常用的方法是檢視副檔名。當瀏覽器得到副檔名 .htm 或 .html 時，它會假定該檔案是 HTML 頁面。.xml 副檔名指示 XML 檔案，而 .css 副檔名指示樣式表。圖片格式則通過 .gif 或 .jpg 來識別。

多媒體元素也擁有帶有不同副檔名的檔案格式，比如 .swf、.wmv、.mp3 以及 .mp4。

視訊格式

pic_video MP4是網際網路推出新的視訊格式。

YouTube 推薦使用 MP4 。

Flash Players 支援 MP4

HTML5 支援 MP4。
格式 檔案 描述
AVI .avi AVI (Audio Video Interleave) 格式是由微軟開發的。所有執行 Windows 的計算機都支援 AVI 格式。它是因特網上很常見的格式，但非 Windows 計算機並不總是能夠播放。
WMV .wmv Windows Media 格式是由微軟開發的。Windows Media 在因特網上很常見，但是如果未安裝額外的（免費）元件，就無法播放 Windows Media 電影。一些後期的 Windows Media 電影在所有非 Windows 計算機上都無法播放，因為沒有合適的播放器。
MPEG
  • .mpg
  • .mpeg
 MPEG (Moving Pictures Expert Group) 格式是因特網上最流行的格式。它是跨平臺的，得到了所有最流行的瀏覽器的支援。
QuickTime .mov QuickTime 格式是由蘋果公司開發的。QuickTime 是因特網上常見的格式，但是 QuickTime 電影不能在沒有安裝額外的（免費）元件的 Windows 計算機上播放。
RealVideo
  • .rm
  • .ram
 RealVideo 格式是由 Real Media 針對因特網開發的。該格式允許低頻寬條件下（線上視訊、網路電視）的視訊流。由於是低頻寬優先的，質量常會降低。
Flash
  • .swf
  • .flv
 Flash (Shockwave) 格式是由 Macromedia 開發的。Shockwave 格式需要額外的元件來播放。但是該元件會預裝到 Firefox 或 IE 之類的瀏覽器上。
Mpeg-4 .mp4 Mpeg-4 (with H.264 video compression) 是一種針對因特網的新格式。事實上，YouTube 推薦使用 MP4。YouTube 接收多種格式，然後全部轉換為 .flv 或 .mp4 以供分發。越來越多的視訊釋出者轉到 MP4，將其作為 Flash 播放器和 HTML5 的因特網共享格式。

Note 最新的 HTML5 標準只支援 MP4, WebM, 和 Ogg 視訊格式。

聲音格式

MP3是一種音訊壓縮技術，其全稱是動態影像專家壓縮標準音頻層面3（Moving Picture Experts Group Audio Layer III），簡稱為MP3。它被設計用來大幅度地降低音訊資料量。如果你的站點是音樂型別的，你可以選擇mp3格式。

格式 檔案 描述
MIDI
  • .mid
  • .midi

MIDI (Musical Instrument Digital Interface) 是一種針對電子音樂裝置（比如合成器和音效卡）的格式。MIDI 檔案不含有聲音，但包含可被電子產品（比如音效卡）播放的數字音樂指令。

點選這裡播放 The Beatles。

因為 MIDI 格式僅包含指令，所以 MIDI 檔案極其小巧。上面的例子只有 23k 的大小，但卻能播放將近 5 分鐘。MIDI 得到了廣泛的平臺上的大量軟體的支援。大多數流行的網路瀏覽器都支援 MIDI。
RealAudio
  • .rm
  • .ram
 RealAudio 格式是由 Real Media 針對因特網開發的。該格式也支援視訊。該格式允許低頻寬條件下的音訊流（線上音樂、網路音樂）。由於是低頻寬優先的，質量常會降低。
Wave .wav Wave (waveform) 格式是由 IBM 和微軟開發的。所有執行 Windows 的計算機和所有網路瀏覽器（除了 Google Chrome）都支援它。
WMA .wma WMA 格式 (Windows Media Audio)，質量優於 MP3，相容大多數播放器，除了 iPod。WMA 檔案可作為連續的資料流來傳輸，這使它對於網路電臺或線上音樂很實用。
MP3
  • .mp3
  • .mpga
 MP3 檔案實際上是 MPEG 檔案的聲音部分。MPEG 格式最初是由運動影象專家組開發的。MP3 是其中最受歡迎的針對音樂的聲音格式。期待未來的軟體系統都支援它。

Note HTML5 的最新標準支援 MP3, WAV, 和 Ogg 音訊格式。