HTML 多媒體
Web 上的多媒體指的是音效、音樂、影片和動畫。
現代網頁瀏覽器已支援許多多媒體格式。
什麼是多媒體?
多媒體來自多種不同的格式。它可以是您聽到或看到的任何內容,文字、圖片、音樂、音效、錄音、電影、動畫等等。
在網際網路上,您會經常發現嵌入網頁中的多媒體元素,現代瀏覽器已支援多種多媒體格式。
在本教學中,您將了解不同的多媒體格式,以及如何在您的網頁中使用它們。
瀏覽器支援
第一款因特網瀏覽器只支援文本,而且即使是對文字的支援也僅限於單一字體和單一顏色。隨後誕生了支援顏色、字體和文字樣式的瀏覽器,圖片支援也被加入。
不同的瀏覽器以不同的方式處理對音效、動畫和影片的支援。某些元素能夠以內聯的方式處理,而某些則需要額外的插件。
您將在下面的章節學習更多有關插件的知識。
多媒體格式
格式 多媒體元素(例如視訊和音訊)儲存於媒體檔案中。
確定媒體類型的最常用的方法是查看檔案副檔名。當瀏覽器得到檔案副檔名 .htm 或 .html 時,它會假定該檔案是 HTML 頁面。 .xml 副檔名指示 XML 文件,而 .css 副檔名指示樣式表。圖片格式則透過 .gif 或 .jpg 來辨識。
多媒體元素元素也擁有不同副檔名的檔案格式,例如 .swf、.wmv、.mp3 以及 .mp4。
影片格式
#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 |
| MPEG (Moving Pictures Expert Group) 格式是因特網上最受歡迎的格式。它是跨平台的,並得到了所有最受歡迎的瀏覽器的支援。 |
QuickTime | .mov | QuickTime 格式是由蘋果公司開發的。 QuickTime 是因特網路上常見的格式,但 QuickTime 影片無法在沒有安裝額外的(免費)元件的 Windows 電腦上播放。 |
RealVideo |
| RealVideo 格式是由Real Media 針對因特網開發的。此格式允許低頻寬條件下(線上視訊、網路電視)的視訊串流。由於是低頻寬優先的,品質常會降低。 |
Flash |
| 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 |
| MIDI (Musical Instrument Digital Interface) 是一種針對電子音樂設備(如合成器和音效卡)的格式。 MIDI 檔案不含聲音,但包含可被電子產品(如音效卡)播放的數位音樂指令。 | 因為 MIDI 格式只包含指令,所以 MIDI 檔案極為小巧。上面的例子只有 23k 的大小,但卻能播放將近 5 分鐘。 MIDI 得到了廣泛的平台上的大量軟體的支援。大多數流行的網頁瀏覽器都支援 MIDI。
#RealAudio
| RealAudio 格式是由Real Media 針對因特網開發的。該格式也支援視頻。此格式允許低頻寬條件下的音訊串流(線上音樂、網路音樂)。由於是低頻寬優先的,品質常會降低。 | |
Wave | .wav | Wave (waveform) 格式是由 IBM 和微軟開發的。所有運行 Windows 的電腦和所有網頁瀏覽器(除了 Google Chrome)都支援它。 |
WMA | .wma | WMA 格式 (Windows Media Audio),品質優於 MP3,相容於大多數播放器,除了 iPod。 WMA 檔案可作為連續的資料流來傳輸,這使它對於網路電台或線上音樂很實用。 |
MP3 |
| MP3 檔案其實是MPEG 檔案的聲音部分。 MPEG 格式最初是由運動影像專家小組開發的。 MP3 是其中最受歡迎的針對音樂的聲音格式。期待未來的軟體系統都支援它。 |
#HTML5 的最新標準支援 MP3, WAV, 和 Ogg 音訊格式。 |