播放/暂停播放列表项目上的音频元素点击

Question

因此，我正在使用此音频播放器http://jsfiddle.net/lastrose/vkMqR/light/，而我正在试图做的是在点击播放列表上的项目时“暂停”歌曲。考虑到即时消息很新，在这个js的东西。谁能帮我？这是代码：

$(window).load(function(){ 
 
var audio; 
 
var playlist; 
 
var tracks; 
 
var current; 
 

 
init(); 
 
function init(){ 
 
    current = 0; 
 
    audio = $('audio'); 
 
    playlist = $('#playlist'); 
 
    tracks = playlist.find('bl-content a'); 
 
    len = tracks.length; 0; 
 
    audio[0].volume = .75; 
 
    playlist.find('a').click(function(e){ 
 
     e.preventDefault(); 
 
     link = $(this); 
 
     current = link.parent().index(); 
 
     run(link, audio[0]); 
 
    }); 
 
    audio[0].addEventListener('ended',function(e){ 
 
     current++; 
 
     if(current == len){ 
 
      current = 0; 
 
      link = playlist.find('a')[0]; 
 
     }else{ 
 
      link = playlist.find('a')[current];  
 
     } 
 
     run($(link),audio[0]); 
 
    }); 
 
} 
 
function run(link, player){ 
 
     player.src = link.attr('href'); 
 
     par = link.parent(); 
 
     par.addClass('active').siblings().removeClass('active'); 
 
     audio[0].load(); 
 
     audio[0].play(); 
 
} 
 

 
})

Answer 1

当用户点击播放列表中的一个。主动跟踪，你需要做的检查，如果曲目播放或暂停，然后播放或暂停相应。

喜欢的东西：

if(audio.paused){ 
    //Audio is currently paused so play it 
    audio.play(); 
}else{ 
    //Pause it 
    audio.pause(); 
} 

TutsPlus有着相当不错的文章描述了播放控制功能。在这里找到：http://webdesign.tutsplus.com/tutorials/create-a-customized-html5-audio-player--webdesign-7081

摘录：

myaudio.play(); - This will play the music. 
myaudio.pause(); - This will stop the music. 
myaudio.duration; - Returns the length of the music track. 
myaudio.currentTime = 0; - This will rewind the audio to the beginning. 
myaudio.loop = true; - This will make the audio track loop. 
myaudio.muted = true; - This will mute the track 

希望有所帮助。