播放/暫停播放列表項目上的音頻元素點擊

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 

希望有所幫助。