audio音频暂停和播放

需求如下：

 

var audio=document.getElementById("audio");

//播放

function play(url,i){
　　if( audio.src!=url){
　　　　audio.src=url;
　　}
　　audio.volume = 0.5; //
　　audio.play(); // 播放
　　// 其他的暂停按钮隐藏
　　$('.pause').addClass('hide')
　　$('.play').removeClass('hide')
　　// 当前的暂停按钮显示

　　$('.play'+i).siblings('.pause').removeClass('hide')
　　$('.play'+i).addClass('hide')

　　//播放结束后暂停
　　audio.addEventListener('ended', function () {
　　　　pause(i)
　　}, false);
};

 

//暂停

function pause(i){
　　audio.pause();

　　//显示播放图标，隐藏暂停图标
　　$('.pause'+i).addClass('hide')
　　$('.pause'+i).siblings('.play').removeClass('hide')
};

转载于:https://www.cnblogs.com/nancyzn/p/8176858.html