將下一個按鈕添加到jplayer上

Question

我試圖在jplayer上添加下一個按鈕。我已經嘗試使用點擊功能，但沒有奏效。

玩家的設置方式是使用ajax獲取歌曲和歌曲的相關信息。當歌曲結束時，它也會通過使用ajax獲得另一首歌曲。試圖做的事情是添加下一個按鈕，但我不知道該怎麼做。有任何想法嗎？

$(document).ready(function() { 
    $("#jquery_jplayer_1").jPlayer({ 
     ready: function() { 
      var data = $.ajax({ 
       url: "getsong.php", 
       async: false 
      }).responseText; 
      var string = data.split('|'); 
      $(this).jPlayer("setMedia", { 
       mp3: string[0] 
      }).jPlayer("play"); 
      $('#artist').html(string[1]); 
      $('#songname').html(string[2]); 
      $('#album').html("<img src='" + string[3] + "' width='250' height='250' />"); 
     }, 
     ended: function (event) { 
      var data = $.ajax({ 
       url: "getsong.php", 
       async: false 
      }).responseText; 
      var string = data.split('|'); 
      $(this).jPlayer("setMedia", { 
       mp3: string[0] 
      }).jPlayer("play"); 
      $('#artist').html(string[1]); 
      $('#songname').html(string[2]); 
      $('#album').html("<img src='" + string[3] + "' width='250' height='250' />"); 
     }, 
     swfPath: "js", 
     supplied: "mp3" 
    }); 
}); 

Answer 1

正如你所說當一首歌曲結束時你的代碼將獲取下一首歌曲。所以粗略地說，你可以自己創建一個按鈕，並在其上定義一個click事件，當你點擊時，它應該觸發jplayer的ended事件。

例如：

<input type='button' id='next-song' /> 

腳本：

$('#next-song').click(function(){ 
    $("#jquery_jplayer_1").trigger($.jPlayer.event.ended); 
}) 

您還可以查看文檔，你必須使用Playlist附加。它將有播放列表中的歌曲列表，您可以執行next(),previous()和其他操作playlist。