- 相關(guān)推薦
HTML5的Audio標(biāo)簽使用詳解
世界上公認(rèn)的第一個(gè)網(wǎng)頁是誕生于1992年，發(fā)展至今，網(wǎng)頁已經(jīng)有21年歷史了。在這21年里面，網(wǎng)頁開發(fā)的標(biāo)準(zhǔn)從沒有完全統(tǒng)一過。而我們經(jīng)常見到的web音頻就是這么樣子的�，F(xiàn)在，大部分的網(wǎng)頁音頻播放依靠著flash，但是顯然地，flash已經(jīng)越來越不適用于web開發(fā)。所以呢，蘋果放棄了flash，而Android也宣布不再支持flash。主要原因就是HTML5的誕生，為web開發(fā)提供了更加便捷、高效的音頻應(yīng)用。那么，在網(wǎng)頁中HTML5音頻或者說HTML5播放器是怎么應(yīng)用的呢。希望對(duì)大家有所幫助!
HTML5 audio
在HTML5標(biāo)準(zhǔn)網(wǎng)頁里面，我們可以運(yùn)用audio標(biāo)簽來完成我們對(duì)聲音的調(diào)用及播放。以下是最經(jīng)常見到的運(yùn)用HTML5三種基本格式：
1.最少的代碼
2.帶有不兼容提醒的代碼
Your browser does not support the audio tag.
3.盡量兼容瀏覽器的寫法
Your browser does not support the audio tag.
HTML5音頻格式
當(dāng)前，HTML5 Audio標(biāo)簽支持三種格式的音頻，分別是wav mp3和ogg格式。而目前主流瀏覽器對(duì)他們的支持如下：
IE 9Firefox 3.5Opera 10.5Chrome 3.0Safari 3.0
Ogg Vorbis √√√
MP3√ √√
Wav √√ √
IE8以及IE8以下不支持HTML5的audio標(biāo)簽
HTML 5 Audio屬性
autoplay:唯一可選值為autoplay，出現(xiàn)autoplay屬性并準(zhǔn)確賦值時(shí)，音頻將會(huì)自動(dòng)播放
controls：唯一可選值為controls，出現(xiàn)controls屬性并準(zhǔn)確賦值時(shí)，音頻播放控件將會(huì)顯示，控件包括：播放、暫停、定位、音量、全屏切換、字幕(如果可用)、音軌(如果可用)。
loop：唯一可選值為loop，出現(xiàn)loop屬性并準(zhǔn)確賦值時(shí)，音頻將會(huì)循環(huán)播放。
preload：可選值有auto(當(dāng)頁面加載后載入整個(gè)音頻)、meta(當(dāng)頁面加載后只載入元數(shù)據(jù))和none(當(dāng)頁面加載后不載入音頻) 如果設(shè)置了前面的autoplay屬性，那么preload將會(huì)被忽略。
src：指定音頻URL地址，可以是相對(duì)的URL也可以是絕對(duì)的URL 當(dāng)然還可以像第2和第3個(gè)例子一樣，用source標(biāo)簽來指定源。
【HTML5的Audio標(biāo)簽使用詳解】相關(guān)文章：
HTML5中canvas標(biāo)簽實(shí)現(xiàn)刮刮卡效果05-15
詳解MyBatis動(dòng)態(tài)SQL標(biāo)簽用法03-11
html5的canvas方法使用01-19
C語言的使用的詳解02-06
2017職稱計(jì)算機(jī)輔導(dǎo)：Meta標(biāo)簽詳解03-25
解決html5中video標(biāo)簽無法播放mp4問題05-20
dos的fdisk命令使用詳解06-09
dos命令dir使用詳解01-30