请在jplayer中添加播放列表

时间:2013-02-18 09:56:49

标签: jquery jquery-ui jquery-plugins jplayer

下面是播放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");
});

2 个答案:

答案 0 :(得分:-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,您需要在可播放的项目上安装听众(可能是一个可播放的课程?)并从该曲目中获取曲目。

答案 1 :(得分:-2)

请查看jPlayer Jukebox add-on。它基于jPlayer Playlist add-on,但增加了额外的功能,例如扫描页面以查找媒体链接并使其可播放的功能。

jPlayer Jukebox add-on