jplayer在单个页面中的多个mp3链接

在我的页面中有一些mp3链接，我使用jplayer。点击单独链接时如何更新jplayer函数播放？jplayer在单个页面中的多个mp3链接

$(document).ready(function() { 

$("#jquery_jplayer_1").jPlayer({ 

    ready: function(event) { 
     $(this).jPlayer("setMedia", { 
      mp3: "test_1.mp3", //my mp3 file 

     }); 
    }, 
    swfPath: "http://www.jplayer.org/2.1.0/js", 
    supplied: "mp3" 
    }); 
});

我的MP3链接：

<a href="javascript:listen(1);" class="jp-play" ></a> 
<a href="javascript:listen(2);" class=" jp-play" ></a> 
<a href="javascript:listen(3);" class=" jp-play" ></a> 
<a href="javascript:listen(4);" class=" jp-play" ></a> 
<a href="javascript:listen(5);" class=" jp-play" ></a>

来源

2012-05-06 user1264362

HTML：

<a href="test_1.mp3" class="jp-play"></a> 
<a href="test_2.mp3" class="jp-play"></a>

JS：

$(document).ready(function() { 
    readMP3("test_1.mp3");// play one mp3 if document is loaded 

    $(".jp-play").click(function(event){ 
     event.preventDefault(); 
     readMP3($(this).attr("href")); 
    }) 

}); 

function readMP3(_src){ 
$("#jquery_jplayer_1").jPlayer({ 
    ready: function(event) { 
     $(this).jPlayer("setMedia", { 
      mp3: _src, 
     }); 
    }, 
    swfPath: "http://www.jplayer.org/2.1.0/js", 
    supplied: "mp3" 
    }); 
}

来源

2012-05-06 14:42:22 mgraph

它不工作的第二个链接，当它点击它test_1.mp3播放 – user1264362

，因为你没有一个名为'test_2.mp3'的MP3 – mgraph

在这个链接每次test1.mp3播放。我不明白为什么。 http://www.dilyurdu.com/audio.htm – user1077300

嘿，你可以做到以下几点。

我实例在页面加载的球员：

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（也许AA可玩类？）并从那一个获得曲目。

来源

2013-03-08 15:31:25

jplayer在单个页面中的多个mp3链接

回答

相关问题