3.6 多媒體元素

多媒體元素包括音頻元素和視頻元素。

1.音頻格式

(1)OGG Vorbis

OGG Vorbis是一種新的音頻壓縮格式，類似于MP3等現(xiàn)有的音樂格式。它是完全免費、開放和沒有專利限制的。OGG Vobis有一個很出眾的特點，就是支持多聲道。OGG Vorbis文件的擴展名是.ogg，這種文件的設計格式非常先進，目前創(chuàng)建的OGG文件可以在未來的任何播放器上播放。因此，這種文件格式可以不斷地進行大小和音質的改良，而不影響舊有的編碼器或播放器。

(2)MP3

MP3格式誕生于20世紀80年代的德國。所謂的MP3是指MPEG標準中的音頻部分，也就是MPEG音頻層。MPEG音頻文件的壓縮是一種有損壓縮，通過犧牲聲音文件中12～16kHz之間的高音頻部分的質量來壓縮文件的大小。相同時間長度的音樂文件，用MP3格式存儲時一般只有WAV文件的1/10，音質也次于CD格式和WAV格式的聲音文件。

(3)WAV

WAV格式是Microsoft公司開發(fā)的一種聲音文件格式，用于保存Windows平臺的音頻信息資源，被Windows平臺及其應用程序所支持，支持多種音頻位數(shù)、采樣頻率和聲道，是目前PC上廣為流行的聲音文件格式。幾乎所有的音頻編輯軟件都能識別WAV格式的文件。

2.視頻格式

(1)OGG

OGG也是HTML5所使用的視頻格式之一。OGG采用多通道編碼技術，可以在保持編碼器的靈活性的同時而不損害原本的立體聲空間影像，而且實現(xiàn)的復雜程度比傳統(tǒng)的聯(lián)合立體聲方式要低。

(2)H.264(MP4)

MP4的全稱是MPEG-4 Part 14，是一種儲存數(shù)字音頻和數(shù)字視頻的多媒體文件格式，文件擴展名為.mp4。MP4封裝格式是基于QuickTime容器格式定義的，媒體描述與媒體數(shù)據(jù)分開，目前被廣泛應用于封裝H.264視頻和ACC音頻，是高清視頻的代表。

(3)WebM

WebM由Google公司提出，是一個開放、免費的媒體文件格式。WebM影片格式其實是以Matroska（即MKV）容器格式為基礎開發(fā)的新容器格式，包括VP8影片軌和Ogg Vorbis音軌。WebM標準的網絡視頻更加偏向于開源并且是基于HTML5標準的，WebM項目旨在為對每個人都開放的網絡開發(fā)高質量、開放的視頻格式，其重點是解決視頻服務這一核心的網絡用戶體驗。

3.6.1 音頻元素audio

HTML5提供了播放音頻的標準。audio元素能夠播放聲音文件或者音頻流，當前，audio元素支持三種音頻格式：OGG、MP3和WAV。audio元素的格式為：

﹤audio src="音頻文件的URL"controls="controls"…﹥文本﹤/audio﹥

audio元素的屬性見表3-3。﹤audio﹥與﹤/audio﹥之間插入的文本是供不支持audio元素的瀏覽器顯示的提示文字。

【例3-8】 在網頁中添加音頻播放控件。本例文件3-8.html在瀏覽器中的顯示效果如圖3-9所示。

3.6.2 視頻元素video

video元素定義視頻，比如電影片段或其他視頻流。目前video元素支持三種視頻格式：MP4、WebM、OGG。video元素的格式為：

﹤video src="音頻文件的URL"controls="controls"…﹥文本﹤/video﹥

video元素的屬性見表3-4。可以在﹤video﹥和﹤/video﹥標簽之間放置文本內容，這樣不支持video元素的瀏覽器就可以顯示出該標簽的信息。

【例3-9】 網頁中添加視頻播放控件。本例文件3-9.html在瀏覽器中的顯示效果如圖3-10所示。