通常在網頁中看到的多媒體有聲音，音樂，視頻，電影和動畫；可以看到基本就是音頻和視頻兩大類。

多媒體格式

來了解一下常用的音頻和視頻格式，以及 HMLT5 支持的格式。

常見視頻格式

• MPEG：.mpg, .mpeg，在網站上最流行的視頻格式，如今 HTML 不再支持。

• AVI: .avi，Audio Video Interleav。微軟開發，在 Windows 電腦上能播放，但不是在瀏覽器里。

• WMV: .wmv，Windows Media Video，微軟開發，和上面的 AVI 一樣在 Windows 電腦上能播放，但不是在瀏覽器里。

• QuickTime: .mov，蘋果開發，在蘋果電腦上能播放，但不是在瀏覽器里。

• Flash: .swf, .flv，在瀏覽器里播放需要額外的插件支持。

• Ogg: .ogg，Theora Ogg，HTML 支持。

• WebM: .webm， HTML 支持。

• MPEG-4 或 MP4：.mp4，所有的瀏覽器都支持，Youtube 推薦使用。

?? 標準 HTML 只支持 MP4, WebM 和 Ogg 視頻。

常見音頻格式

• MIDI：.mid, midi, Musical Instrument Digital Interface，所有的電腦上能播放，但不是在瀏覽器里。

• RealAudio: .rm, .ram，不能在瀏覽器播放。

• WMA: .wma，微軟開發，在 Windows 電腦上能播放，但不是在瀏覽器里。

• AAC: .aac，蘋果開發，在蘋果電腦上能播放，但不是在瀏覽器里。

• WAV: .wav，由微軟和 IBM 共同開發，HTML 支持。

• Ogg: .ogg，HTML 支持。

• MP3: .mp3，所有的瀏覽器都支持。

• MP4: .mp4，MP4 是視頻格式，但也可以用于音頻，所有的瀏覽器都支持。

?? 標準 HTML 只支持 MP3, WAV 和 Ogg 音頻。

Audio

如果想在 HMLT5 中播放音頻，可以使用 audio 元素。

<audio controls>   <source src="../audio/3-4-1.mp3" type="audio/mp3" /> </audio> 

這里的 type 可以有如下值：

• MP3: audio/mpeg

• Ogg: audio/ogg

• Wav: audio/wav

Video

HTML5 支持視頻，但到目前為止，還不存在網頁顯示視頻的標準。

<video width="320" height="240" controls>   <source src="../video/3-4-1.mp4" type="video/mp4" /> </video> 

視頻的類型支持的如下：

• MP4: video/mp4

• WebM: ideo/webm

• Ogg: video/ogg

為視頻添加字母

<video width="320" height="240" controls>   <video controls src="/video/3-4-2.mp4">     <track default kind="captions" srclang="en" src="/video/3-4-2.vtt" />   </video> </video> 

上面示例里使用了 track 標簽，在它的 src 里指定了文件類型為 vtt 格式的文件，這是視頻文件的字幕文件。

總結

• ?? HTML5 支持音頻和視頻的呈現，分別使用元素 audio 和 video。

• ?? 音頻和視頻的文件格式有很多，但不是所有的 HTML 都支持。

• ?? 視頻 video 標簽可以通過 track 標簽指定字幕。