добавление следующей кнопки на jplayer

Question

Я пытаюсь добавить следующую кнопку на jplayer. Я уже пытаюсь использовать функцию click, но это не сработало.

Как настроить плеер, используя 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, и когда вы нажимаете кнопку, она должна вызывать событие jQuery ended.

Например:

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

сценарий:

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

Вы также можете посмотреть документацию, где вы должны использовать Playlist надстройку. У него будет список песен в плейлисте, и вы можете выполнить next(), previous() и другие операции на playlist.