HTML5的結(jié)構(gòu)和語義(5):內(nèi)嵌媒體

  視頻已經(jīng)在 Web 上廣泛流行了,但是其格式幾乎都是專有的摊灭。YouTube 使用 Flash祭示,Microsoft 使用 Windows Media?,Apple 使用 QuickTime脱吱。在一種瀏覽器中用來嵌入這些內(nèi)容的標(biāo)記在另一種瀏覽器中是無效的智政。因此,WhatWG 提議引入一個(gè)新的 video 元素箱蝠,用來嵌入任意視頻格式续捂。例如垦垂,可以用以下代碼嵌入我的 QuickTime 電影 “a Sora in Prospect Park”:

<video src="http://www.9252.com/birds/sora.mov" />

  對(duì)于以哪種格式和解碼器作為首選,仍然有爭議牙瓢〗俎郑可能會(huì)強(qiáng)力推薦或要求使用 Ogg Theora。還可以可選地支持 QuickTime 等專有格式和 MPEG-4 等受專利限制的格式矾克。實(shí)際使用的格式很可能由市場決定页慷,就像是 GIF、JPEG 和 PNG 格式那樣(這些格式通過市場競爭壓倒了 BMP胁附、X-Bitmap 和 JPEG 2000 等競爭者酒繁,成為 img 元素的首選格式)。

  還提議引入 audio 元素控妻。例如州袒,可以使用以下代碼給 Web 頁面加上背景音樂:

<audio src="spacemusic.mp3" autoplay="autoplay" loop="20000" />

  autoplay 屬性指示瀏覽器在裝載頁面后立即開始播放,而不等待明確的用戶請(qǐng)求弓候。音頻循環(huán)播放 20,000 次郎哭,然后停止(或者在用戶關(guān)閉窗口或轉(zhuǎn)到另一個(gè)頁面時(shí)停止)。當(dāng)然弓叛,瀏覽器可以(而且應(yīng)該)允許用戶關(guān)閉內(nèi)嵌的媒體彰居,不應(yīng)該只按頁面作者的要求去做。

  瀏覽器必須支持 WAV 格式撰筷,還可以支持 MP3 等其他格式陈惰。

  因?yàn)槔鲜綖g覽器不支持這些元素,而且它們對(duì)于盲人和聾人用戶來說沒有意義毕籽,所以 audio 和 video 元素可以包含額外的標(biāo)記抬闯,用來描述音頻和視頻的內(nèi)容。這對(duì)搜索引擎也有幫助关筒。在理想情況下溶握,這些標(biāo)記是音頻和視頻內(nèi)容的完整文字版本。例如蒸播,代碼8 顯示 用 HTML 5 編寫的 John F. Kennedy 的就職演說睡榆。

<audio src="kennedyinauguraladdrees.mp3">

<p>

Vice President Johnson, Mr. Speaker, Mr. Chief Justice,

President Eisenhower, Vice President Nixon, President Truman,

Reverend Clergy, fellow citizens:

</p>

<p>

We observe today not a victory of party, but a celebration of

freedom -- symbolizing an end, as well as a beginning --

signifying renewal, as well as change. For I have sworn before

you and Almighty God the same solemn oath our forebears

prescribed nearly a century and three-quarters ago.

</p>

<p>

The world is very different now. For man holds in his mortal

hands the power to abolish all forms of human poverty and all

forms of human life. And yet the same revolutionary beliefs for

which our forebears fought are still at issue around the globe --

the belief that the rights of man come not from the

generosity of the state, but from the hand of God.

</p>

<p>

...

</p>

</audio>

  (待續(xù))

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末袍榆,一起剝皮案震驚了整個(gè)濱河市胀屿,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌包雀,老刑警劉巖宿崭,帶你破解...
    沈念sama閱讀 216,324評(píng)論 6 498
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異才写,居然都是意外死亡葡兑,警方通過查閱死者的電腦和手機(jī)奖蔓,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,356評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來讹堤,“玉大人吆鹤,你說我怎么就攤上這事⊥扇埃” “怎么了檀头?”我有些...
    開封第一講書人閱讀 162,328評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長岖沛。 經(jīng)常有香客問我暑始,道長,這世上最難降的妖魔是什么婴削? 我笑而不...
    開封第一講書人閱讀 58,147評(píng)論 1 292
  • 正文 為了忘掉前任廊镜,我火速辦了婚禮,結(jié)果婚禮上唉俗,老公的妹妹穿的比我還像新娘嗤朴。我一直安慰自己,他們只是感情好虫溜,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,160評(píng)論 6 388
  • 文/花漫 我一把揭開白布雹姊。 她就那樣靜靜地躺著,像睡著了一般衡楞。 火紅的嫁衣襯著肌膚如雪吱雏。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,115評(píng)論 1 296
  • 那天瘾境,我揣著相機(jī)與錄音歧杏,去河邊找鬼。 笑死迷守,一個(gè)胖子當(dāng)著我的面吹牛犬绒,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播兑凿,決...
    沈念sama閱讀 40,025評(píng)論 3 417
  • 文/蒼蘭香墨 我猛地睜開眼凯力,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了礼华?” 一聲冷哼從身側(cè)響起沮协,我...
    開封第一講書人閱讀 38,867評(píng)論 0 274
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎卓嫂,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體聘殖,經(jīng)...
    沈念sama閱讀 45,307評(píng)論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡晨雳,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,528評(píng)論 2 332
  • 正文 我和宋清朗相戀三年行瑞,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片餐禁。...
    茶點(diǎn)故事閱讀 39,688評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡血久,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出帮非,到底是詐尸還是另有隱情氧吐,我是刑警寧澤,帶...
    沈念sama閱讀 35,409評(píng)論 5 343
  • 正文 年R本政府宣布末盔,位于F島的核電站筑舅,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏陨舱。R本人自食惡果不足惜翠拣,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,001評(píng)論 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望游盲。 院中可真熱鬧误墓,春花似錦、人聲如沸益缎。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,657評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽莺奔。三九已至欣范,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間弊仪,已是汗流浹背熙卡。 一陣腳步聲響...
    開封第一講書人閱讀 32,811評(píng)論 1 268
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留励饵,地道東北人驳癌。 一個(gè)月前我還...
    沈念sama閱讀 47,685評(píng)論 2 368
  • 正文 我出身青樓,卻偏偏與公主長得像役听,于是被迫代替她去往敵國和親颓鲜。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,573評(píng)論 2 353

推薦閱讀更多精彩內(nèi)容