- 相關(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