0

我正在尝试在 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"
    });
});
4

1 回答 1

1

正如您所说，当一首歌曲结束时，您的代码将获取下一首歌曲。所以粗略地说，您可以自己创建一个按钮并click在其上定义一个事件，当您单击时，它应该触发endedjplayer 的事件。

例如：

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

脚本：

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

您还可以查看必须使用播放列表插件的文档。它将在播放列表中有一个歌曲列表，您可以执行next()和previous()其他操作playlist。

于 2013-08-23T16:14:45.700 回答