HTML5多媒體筆記

多媒體元素

1.1Web 上的音頻

直到現(xiàn)在,仍然不存在一項(xiàng)旨在網(wǎng)頁(yè)上播放音頻的標(biāo)準(zhǔn)。

今天,大多數(shù)音頻是通過(guò)插件(比如 Flash)來(lái)播放的。然而,并非所有瀏覽器都擁有同樣的插件。

HTML5 規(guī)定了一種通過(guò) audio 元素來(lái)包含音頻的標(biāo)準(zhǔn)方法。

audio 元素能夠播放聲音文件或者音頻流。

1.2 HTML 5<audio>音頻標(biāo)簽的定義和用法:

<audio>標(biāo)簽定義聲音,比如音樂(lè)或其他音頻流。

標(biāo)簽

HTML 4.01 與 HTML 5 之間的差異:<audio>標(biāo)簽是 HTML 5 的新標(biāo)簽。

<audio>標(biāo)簽的用法:

<audio src="/i/horse.ogg" controls="controls">

? ? ? Your browser does not support the audio element。

</audio>

1.3HTML 5 <audio>標(biāo)簽的屬性:


1.4 HTML 5<audio>支持的音頻

音頻格式

當(dāng)前,audio 元素支持三種音頻格式:


1.5HTML 5 <video>視頻標(biāo)簽的定義和用法:

<video>標(biāo)簽定義視頻,比如電影片段或其他視頻流。

<video>標(biāo)簽的用法:

<video src="/i/movie.ogg" controls="controls">

? ? your browser does not support the video tag

</video>

HTML 4.01 與 HTML 5 之間的差異

<video>標(biāo)簽是 HTML 5 的新標(biāo)簽。

1.6HTML 5 <video>視頻標(biāo)簽的屬性:


1.7 HTML 5 Audio/Video 屬性


Audio/Video 屬性

1.8 HTML 5 Audio/Video 方法:

Audio/Video 方法

1.9HTML5 Audio/Video 事件:


Audio/Video 事件

1.10 視頻格式與瀏覽器的支持

Ogg = 帶有 Theora 視頻編碼和 Vorbis 音頻編碼的 Ogg 文件。

MPEG4 = 帶有 H.264 視頻編碼和 AAC 音頻編碼的 MPEG 4 文件。

WebM = 帶有 VP8 視頻編碼和 Vorbis 音頻編碼的 WebM 文件。


標(biāo)簽是 HTML 5 的新標(biāo)簽。

標(biāo)簽是 HTML 5 的新標(biāo)簽。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 教程一:視頻截圖(Tutorial 01: Making Screencaps) 首先我們需要了解視頻文件的一些基...
    90后的思維閱讀 4,980評(píng)論 0 3
  • 學(xué)習(xí)HTML的最佳網(wǎng)站沒(méi)有之一http://www.w3school.com.cn/html/ 關(guān)于HTML/HT...
    Amyyy_閱讀 2,365評(píng)論 0 16
  • 接上 關(guān)于HTML/HTML5(一)http://www.itdecent.cn/p/33fc7840c079 學(xué)...
    Amyyy_閱讀 889評(píng)論 0 4
  • 視頻編碼格式全面解析 我們?cè)谠斀飧鞣N主流的視頻格式之前,先拋開各種視頻格式的定義,來(lái)討論這樣一件事情:你覺(jué)得目前的...
    latthias閱讀 21,673評(píng)論 2 30
  • 最近多新買了幾件T恤,突然發(fā)現(xiàn)衣柜里面T恤怎么這么多了,以前買的好多都沒(méi)怎么穿。因?yàn)榇蠖喽际且粋€(gè)類型的,顏色也比較...
    他型閱讀 284評(píng)論 0 1

友情鏈接更多精彩內(nèi)容