HTML5 Audio(音訊)
HTML5的audio功能上已經(jīng)非常強(qiáng)大，回放，跳轉(zhuǎn)，緩衝等以前只能用flash才能實(shí)現(xiàn)的功能，html5的audio都能輕鬆搞定。
但直到現(xiàn)在，仍然不存在一項(xiàng)旨在網(wǎng)頁上播放音訊的標(biāo)準(zhǔn)。
audio的語法以及屬性和方法
使用語法
< audio src="song.mp3" controls="controls" loop="loop" autoplay="autoplay">親您的瀏覽器不支援html5的audio標(biāo)籤</audio>
#屬性
src??是歌曲的路徑
controls??播放控制如果給標(biāo)籤裡寫了controls="controls" 那麼網(wǎng)頁會(huì)顯示audio自帶的播放控件，如果沒寫就不會(huì)顯示.
loop?歌曲循環(huán)在標(biāo)籤裡面加入該屬性歌曲循環(huán)如果你的歌曲是從後臺(tái)調(diào)取的的也可以在ajax裡設(shè)定loop=true/false來控制;
autoplay?當(dāng)歌曲載入後自動(dòng)播放，但是只有pc端可以實(shí)現(xiàn)行動(dòng)端不行(pc端的瀏覽器要比行動(dòng)端的完善很多，對(duì)有些屬性支援也會(huì)好很多)
以上是標(biāo)籤內(nèi)的屬性當(dāng)然也可以當(dāng)作物件屬性來調(diào)取控制auido.*
audio不單單是個(gè)標(biāo)籤他也是window下的一個(gè)對(duì)象，對(duì)象就有屬性和方法，作為對(duì)像他有哪些常用的方法呢
對(duì)象屬性：
currentTime?獲取當(dāng)前播放時(shí)間
duration取得歌曲的總時(shí)間
play?是否在播放返回true/false
pause?是否暫停返回true/false
物件方法：
play()?播放歌曲
pause()?暫停歌曲
load()重新載入歌曲
HTML5中三種基本格式：
1.最少的程式碼
#<audio?src="song.ogg"?controls="controls"></audio>
<audio?src="song.ogg"?controls="controls">Your?browser?does?not?support?the?audio?tag.
</audio>
<audio?controls="controls"><source?src="song.ogg"?type="audio/ogg" >
<source?src="song.mp3"?type="audio/mpeg">
Your?browser?does?not?support?the?audio?tag.
</audio>
<!doctype html> <html> <head> <meta charset="utf-8"> <title>php.cn</title> </head> <body> <audio controls> <source src="horse.ogg" type="audio/ogg"> <source src="horse.mp3" type="audio/mpeg"> 您的瀏覽器不支持 audio 元素。 </audio> </body> </html>
#
