HTML5之音頻Audio標籤的應用

來源:互聯網
上載者:User

HTML5之音頻標籤的應用

        在過去,我們如果想在Web上播放音樂,基本都是通過Flash來播放,但並不是所有的瀏覽器都安裝了Flash播放器外掛程式,而現在我們在HTML5中,就能完全脫離Flash或其他的外掛程式來播放音樂了。

audio標籤:

目前HTML5的audio標籤僅支援3種音頻格式,如下表:

 

IE9

FireFox 5.0

Safari 5.5

Chrome 12

Opera 11.5

Mp3

×

×

Ogg

×

×

Wav

×

×

Audio標籤的屬性有:

屬性

值(可省略)

描述

src

url

要播放的音訊 URL,路徑可為網路路徑或相對路徑。

controls

controls

向使用者顯示控制項,比如播放按鈕。

loop

loop

每當音頻結束時重新開始播放。

preload

preload

音頻在頁面載入時進行載入,並預備播放。如果使用 "autoplay",則忽略該屬性。

autoplay

autoplay

則音頻在就緒後馬上播放。

編輯代碼
<h1>最近覺得《大高原》這首歌不錯,就在案例中使用了:</h1>
<audio src="http://zhangmenshiting2.baidu.com/data2/music/5814678/5814678.mp3?xcode=0f479d949c4372d1165aae570e00d8bd&mid=0.76911343441060" controls="controls" autoplay="true">您的瀏覽器不支援 audio 標籤。</audio>

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.