- 網頁設計與制作教程:Web前端開發(fā)(第6版)
- 劉瑞新主編
- 1116字
- 2021-12-17 16:15:11
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-3 audio元素的屬性

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

圖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-4 video元素的屬性

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


圖3-10 網頁中的視頻播放控件
- 服裝表演組織與編導(第2版)
- 大學生網絡熱點事件參與:現(xiàn)狀、特征、影響因素研究
- 系統(tǒng)工程:原理與實務
- 商務禮儀實務
- 大學生學業(yè)發(fā)展輔導
- 大學體驗英語項目組《大學體驗英語綜合教程(1)》(第3版)學習指南【詞匯短語+課文精解+全文翻譯+練習答案】
- 電子商務基礎實驗
- 全國名校新聞傳播史論歷年考研真題及詳解【5小時高清視頻】
- 現(xiàn)代男裝紙樣設計原理與打板
- 張征《新聞采訪教程》筆記和典型題詳解
- 上海大學617作文歷年考研真題及詳解
- 會計綜合模擬實訓
- 劉炳善《英國文學簡史》(第3版)筆記和考研真題詳解
- 元分析方法:校正研究結果中的誤差和偏差(原書第3版)
- 2019年社會工作者《社會工作實務(初級)》【教材精講+真題解析】講義與視頻課程【27小時高清視頻】