jquery - 如何在jplayer中添加播放列表

Question

下面是播放 mp3 音频文件的代码。我只能播放一个文件，但我需要播放多个文件，我的意思是像一个播放列表。所以，请帮助我。它是一个 jplayer。

谢谢

$(document).ready(function(){

$("#jquery_jplayer_1").jPlayer({
    ready: function () {
        $(this).jPlayer("setMedia", {
            mp3: "media/test.mp3",

        }).jPlayer("play"); // auto play
    },
    ended: function (event) {
        $(this).jPlayer("play");
    },
    swfPath: "swf",
    supplied: "mp3"
})
.bind($.jPlayer.event.play, function() { // pause other instances of player when current one play
        $(this).jPlayer("pauseOthers");
});

Answer 1

嘿，您可以执行以下操作。

我在页面加载时实例化播放器:

jQuery("#jquery_jplayer_1").jPlayer({
  swfPath: "http://www.jplayer.org/latest/js/Jplayer.swf",
  supplied: "mp3",
  wmode: "window",
  preload:"auto",
  autoPlay: true,
  errorAlerts:false,
  warningAlerts:false
});

然后在每个项目都是唯一的监听器内，您需要:A) 获取轨道名称/URL，我想您应该能够弄清楚这一点。

B) 将轨道传递给 setMedia

jQuery("#jquery_jplayer_1").jPlayer("setMedia", {
  mp3: "http:xxxx.rackcdn.com/"+track+".MP3"
});

C) 播放轨道

jQuery("#jquery_jplayer_1").jPlayer("play");

要获取轨道 ID，您需要在可播放项目上安装监听器(可能是可播放类？)并从中获取轨道。