HTML 多媒體


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 音頻格式。