HTML 多媒體簡介

HTML 多媒體

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

現代網頁瀏覽器已支援許多多媒體格式。

---

什麼是多媒體？

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

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

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

---

瀏覽器支援

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

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

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

---

多媒體格式

多媒體元素（如影片和音訊）儲存於媒體檔案中。

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

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

---

影片格式

#MP4是網路推出新的影片格式。 YouTube 推薦使用 MP4 。 Flash Players 支援 MP4 HTML5 支援 MP4。

#

##MPEG (Moving Pictures Expert Group) 格式是因特網上最受歡迎的格式。它是跨平台的，並得到了所有最受歡迎的瀏覽器的支援。

格式	#文件	描述
AVI
	.avi################AVI (Audio Video Interleave) 格式是由微軟開發的。所有執行 Windows 的電腦都支援 AVI 格式。它是因特網上很常見的格式，但非 Windows 電腦並不總是能夠播放。 ########################################################### ##########   WMV######################################## ###############    .wmv##########Windows Media 格式是由微軟開發的。 Windows Media 在網際網路上很常見，但如果未安裝額外的（免費）元件，就無法播放 Windows Media 影片。一些後期的 Windows Media 電影在所有非 Windows 電腦上都無法播放，因為沒有合適的播放器。 ##################################   MPEG################################################################################################################################################################################################################################################################ # ##############    .mpg##########     .mpeg

#   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 的網際網路共享格式。 ############

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

---

聲音格式

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

格式	檔案
##    描述
	MIDI ##########################    .mid###### ##########    .midi#####################MIDI (Musical Instrument Digital Interface) 是一種針對電子音樂裝置（如合成器和聲卡）的格式。 MIDI 檔案不含聲音，但包含可被電子產品（如音效卡）播放的數位音樂指令。 ######因為 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 是其中最受歡迎的針對音樂的聲音格式。期待未來的軟體系統都支援它。 ##################HTML5 的最新標準支援 MP3, WAV, 和 Ogg 音訊格式。    #########################