H5音頻

1.Web 上的音頻

直到現(xiàn)在,仍然不存在一項(xiàng)旨在網(wǎng)頁上播放音頻的標(biāo)準(zhǔn)获搏。
今天,大多數(shù)音頻是通過插件(比如 Flash)來播放的失乾。然而常熙,并非所有瀏覽器都擁有同樣的插件。
HTML5 規(guī)定了一種通過 audio 元素來包含音頻的標(biāo)準(zhǔn)方法碱茁。
audio 元素能夠播放聲音文件或者音頻流

2.音頻格式
Paste_Image.png
3.在HTML5中添加音頻

其中control 屬性供添加播放裸卫、暫停和音量控件

<audio src="song.ogg" controls="controls">
</audio>

control標(biāo)簽中的內(nèi)容用于顯示不支持audio元素的瀏覽器顯示的

<audio src="song.ogg" controls="controls">
Your browser does not support the audio tag.
</audio>
4.source

audio 元素允許多個(gè) source 元素。source 元素可以鏈接不同的音頻文件纽竣。瀏覽器將使用第一個(gè)可識別的格式:

5.IE支持

Internet Explorer 8 不支持 audio 元素墓贿。在 IE 9 中,提供對 audio 元素的支持蜓氨。

6.audio屬性

同H5視頻屬性聋袋,http://www.reibang.com/p/f66ebd4deae1

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末穴吹,一起剝皮案震驚了整個(gè)濱河市幽勒,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌港令,老刑警劉巖啥容,帶你破解...
    沈念sama閱讀 206,378評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異顷霹,居然都是意外死亡咪惠,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,356評論 2 382
  • 文/潘曉璐 我一進(jìn)店門淋淀,熙熙樓的掌柜王于貴愁眉苦臉地迎上來遥昧,“玉大人,你說我怎么就攤上這事绅喉∏耄” “怎么了叫乌?”我有些...
    開封第一講書人閱讀 152,702評論 0 342
  • 文/不壞的土叔 我叫張陵柴罐,是天一觀的道長。 經(jīng)常有香客問我憨奸,道長革屠,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,259評論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮似芝,結(jié)果婚禮上那婉,老公的妹妹穿的比我還像新娘。我一直安慰自己党瓮,他們只是感情好详炬,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,263評論 5 371
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著寞奸,像睡著了一般呛谜。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上枪萄,一...
    開封第一講書人閱讀 49,036評論 1 285
  • 那天隐岛,我揣著相機(jī)與錄音,去河邊找鬼瓷翻。 笑死聚凹,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的齐帚。 我是一名探鬼主播妒牙,決...
    沈念sama閱讀 38,349評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼对妄!你這毒婦竟也來了单旁?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 36,979評論 0 259
  • 序言:老撾萬榮一對情侶失蹤饥伊,失蹤者是張志新(化名)和其女友劉穎象浑,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體琅豆,經(jīng)...
    沈念sama閱讀 43,469評論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡愉豺,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,938評論 2 323
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了茫因。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片蚪拦。...
    茶點(diǎn)故事閱讀 38,059評論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖冻押,靈堂內(nèi)的尸體忽然破棺而出驰贷,到底是詐尸還是另有隱情,我是刑警寧澤洛巢,帶...
    沈念sama閱讀 33,703評論 4 323
  • 正文 年R本政府宣布括袒,位于F島的核電站,受9級特大地震影響稿茉,放射性物質(zhì)發(fā)生泄漏锹锰。R本人自食惡果不足惜芥炭,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,257評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望恃慧。 院中可真熱鬧园蝠,春花似錦、人聲如沸痢士。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,262評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽怠蹂。三九已至陪汽,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間褥蚯,已是汗流浹背挚冤。 一陣腳步聲響...
    開封第一講書人閱讀 31,485評論 1 262
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留赞庶,地道東北人训挡。 一個(gè)月前我還...
    沈念sama閱讀 45,501評論 2 354
  • 正文 我出身青樓,卻偏偏與公主長得像歧强,于是被迫代替她去往敵國和親澜薄。 傳聞我的和親對象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,792評論 2 345

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

  • video 元素支持三種視頻格式 Ogg = 帶有 Theora 視頻編碼和 Vorbis 音頻編碼的 Ogg 文...
    Zd_silent閱讀 257評論 0 0
  • 接上 關(guān)于HTML/HTML5(一)http://www.reibang.com/p/33fc7840c079 學(xué)...
    Amyyy_閱讀 778評論 0 4
  • 一摊册、HTML5 1.1 認(rèn)識HTML5 HTML5并不僅僅只是作為HTML標(biāo)記語言的一個(gè)最新版本肤京,更重要的是它制定...
    福爾摩雞閱讀 15,741評論 14 51
  • 這是你的1983年,有一點(diǎn)來得靦腆茅特。 當(dāng)你姍姍來臨在世間忘分,這世界并沒有改變。 你的城是家屬的大院白修,好和壞都在外面妒峦。...
    萬象峰年閱讀 653評論 0 2
  • 最近看喬一《我不喜歡這世界,我只喜歡你》一書兵睛,這是一對戀人的愛情回憶錄肯骇,全是一些又溫暖又萌愛的生活小故事。從學(xué)生時(shí)...
    我是蘭姐閱讀 387評論 0 2