1. 程式人生 > >關於H5音訊audio的屬性及事件的一些理解

關於H5音訊audio的屬性及事件的一些理解

<audio id="audio1"></audio><div id="btn">播放</div>

--duration:音樂的總時間

--cerrentTime:音樂的當前時間

--canplaythrougn: 事件,監測音樂是否載入完畢

--ended:事件,音樂播放完畢觸發該事件

--play: 音樂播放

--pause:音樂暫停

以上所有操作,都是原生操作,如果使用Jquery方法找到標籤需要使用get(0)轉化為原生的。

var oAudio=$('#audio').get(0);

var oBtn=$('#btn');

var onoff=true;

oAudio.src=data.audio;//音樂載入完畢

oAudio.on(canplaythrough,function(){

    oAudio.play();

})//首先監測音樂是否載入完畢,若載入完則在function()中進行後續操作,播放音樂及暫停

oBtn.onclick=function(){   

if(onoff){

    onoff=false;

    oAudio.play();

}else{

    oAudio.pause();

    onoff=true;

}

};