关于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;

}

};