html5音樂播放器audio標(biāo)簽使用概述

1、本文為大家詳細(xì)介紹下html5音樂播放器audio標(biāo)簽的使用概述，喜歡html5的朋友可以參考下哈，希望對(duì)大家有所幫助代碼如下：<audio>標(biāo)簽屬性：src：音樂的URLpreload:預(yù)加載autoplay:自動(dòng)播放loop:循環(huán)播放controls:瀏覽器自帶的控制條<audioid=mediasrc=<video>標(biāo)簽屬性：src：視頻的URLposter：視頻封面，沒有播放時(shí)顯示的圖片preload:預(yù)加載autoplay:自動(dòng)播放loop:循環(huán)播放controls:瀏覽器自帶的控制條width:視頻寬度height：視頻高度<videoid=me

2、diasrc=獲取HTMLVideoElement和HTMLAudioElement對(duì)象代碼如下：/audio可以直接通過new創(chuàng)建對(duì)象Media=newAudio(/audio和vide。都可以通過標(biāo)簽獲取對(duì)象Media=document.getElementById(media);Media方法和屬性：HTMLVideoElement和HTMLAudioElement均繼承自HTMLMediaElement代碼如下：錯(cuò)誤狀態(tài)Media.error;/null:正常Media.error.code;/1.用戶終止2.網(wǎng)絡(luò)錯(cuò)誤3.解碼錯(cuò)誤4.URL無效網(wǎng)絡(luò)狀態(tài)Media.currentSrc;

3、返回當(dāng)前資源的URLMedia.src=value;返回或設(shè)置當(dāng)前資源的URLMedia.canPlayType(type);/是否能播放某種格式的資源MworkState;/0.此元素未初始化1.正常但沒有使用網(wǎng)絡(luò)2.正在下載數(shù)據(jù)3.沒有找到資源Media.load();/重新加載src指定的資源Media.buffered;/返回已緩沖區(qū)域，TimeRangesMedia.preload;/none:不預(yù)載metadata:預(yù)載資源信息auto:準(zhǔn)備狀態(tài)Media.readyState;/1:HAVE_NOTHING2:HAVE_METADATA3.HAVE_CURRENT_DATA4.H

4、AVE_FUTURE_DATA5.HAVE_ENOUGH_DATAMedia.seeking;是否正在seeking回放狀態(tài)Media.currentTime=value;/當(dāng)前播放的位置，賦值可改變位置Media.startTime;一般為0,如果為流媒體或者不從0開始的資源，則不為0Media.duration;/當(dāng)前資源長度流返回?zé)o限Media.paused;是否暫停秘M*(=(D6urolp(Dlun_0=)(Dw(D匕U(D(D秘誨腿電艇贈(zèng)f=(7D6UBlpuo_wnp=)5w匕u當(dāng)秘M-)5we_us*悵坍典(=%=四匕質(zhì)*秘誨回苗秘典f=(=(Dwpdn(DE(Dw(D匕U(D

5、(D=(=P8$e5w匕u當(dāng)-f=(=6UM(D(De(Dw(D匕U(D(D寐題最刮園髓ceYn#M_(i:6nollMB_du8-)5w匕u當(dāng)Kcf=(-M_du8-)5w匕秘回萩女f=(=6u_AB_d=)5w匕u當(dāng)眠抿#*M-suuroMmNse-us*(-rowppPB0C5W匕u當(dāng)腿電艇贈(zèng)留摭林(-roWPBoEPPBO&NS匕u當(dāng)很鬢oCDsnM-(=(D很鬢苗秘典萩女Aro_domro()Aro_cv=(-M_d=)(Dw(D匕U(D(DEf=(=p_row=)5w匕u當(dāng)眠抿鬲翌苗驅(qū)赧畏粼、=0匕我)應(yīng)S匕U當(dāng)(取布眠抿收K士炊底卅wKwf=Q0q5w匕寐匕四鼠f=(=psdsn

6、e5we_us*驅(qū)赧畏粼WWWKWf=(=ssa!60d=)5w匕u當(dāng)驅(qū)赧畏粼萩女WKWf=(-JJBWPB0=)5w匕u當(dāng)_(ppro.c5p(Dl/lNtDcoqQunMH(DW(D匕U(D(De*M以悵坍賓兇保洛pu一wM(xepu_)PUQS&UBQreELL眥以萩女賓兇保洛pu一WM(XPU_M因ss&sQrEH8兇M6u(D_s(D6uroQr(DUJLLMiDn_roHPNnlurapCDIAI*MiDnroHro-p(Dl/laftw裁wKnMosnBdrap|/|秘典MoAro_dro_p(Dl/l秘典底期Kn=ioo-.ro-I密旨皿KnMNraCLomBrap|/|悵坍K

7、nf=pPu熙p|/|s(D6uroQr(DluH賓兇X(D(DS壬#回MiD_q殳$S.C5P(DI/I權(quán)匕曰長出n，B冬的qM_CLn&P.C5PIAI自己寫的一段js：代碼如下：$(function()(varp=newPlayer();p.read(play);$(#stop).click(function()p.pause(););$(#start).click(function()p.play(););$(#show).click(function()alert(p.duration(););setInterval(function()$(#currentTime).text(p.currentTime();,1000););functionPlayer();Ptotype=box:newObject(),read:function(id)this.box=document.getElementById(id);,play:function()this.box.play();,pause:function()this.box.pause();,src:function(url)this.box.src=url;,currentTime:functi