jplayer viac súborov mp3 súborov na jednej stránke - jplayer

Na svojej stránke používam jplayer a po kliknutí na odkaz chcem prehrať kliknuté. Zakaždým, keď sa hrá test1.mp3. Ako to vyriešim? Kód je uvedený nižšie:

v prípade potreby je stránka nasledovná:

http://www.dilyurdu.com/audio.htm

function listen(mp3_index){

var mp3_file;
mp3_file="test"+mp3_index+".mp3";


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

}

odkazy sú nasledujúce:

<div id="jquery_jplayer_1" class="jp-jplayer"></div>

<a href="javascript:listen(1);" class="jp-play" >play 1</a><br /><br />

<a href="javascript:listen(2);" class="jp-play" >play 2</a><br /><br />

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

odpovede:

3 pre odpoveď č. 1

Hej, môžete urobiť nasledovné.

Okamžitím spustenia prehrávača pri načítaní stránky:

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
});

Potom vo vnútri poslucháča, ktorý bude jedinečný pre každú položku, musíte: A) Načítať názov stopy / URL„Myslím, že by ste to mali vedieť.

B) Prejdite stopu do setMedia

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

C) Prehrať skladbu

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

Ak chcete získať ID skladby, musíte nainštalovať poslucháčov do svojich hrateľných predmetov (možno aj hrateľnú triedu?) A získať z nej skladbu.

---

0 pre odpoveď č. 2

Hľadám pre to aj riešenie. Práve ste ho vytvorili pri návšteve http://jsfiddle.net/vijayweb/A5LQF/2/

Prehráva iba jednu skladbu. akákoľvek pomoc bude vďačná.

---

Našiel som relevantné riešenie ... stále hrá iba prvú predvolenú skladbu. viac odkazov mp3 na jednej stránke s aplikáciou jplayer

---

0 pre odpoveď č. 3

HTML:

<a class="ChangePath" data-key="1" href="javascript:void(0);">Song1</a>
<a class="ChangePath" data-key="2" href="javascript:void(0);">Song1</a>
<a class="ChangePath" data-key="3" href="javascript:void(0);">Song1</a>

jQuery:

$(function () {
$(".ChangePath").on("click", function () {

$("#jquery_jplayer_1").jPlayer("destroy");

var link = "test" + $(this).data("key") + ".mp3";

$("#jquery_jplayer_1").jPlayer({
ready: function () {
$(this).jPlayer("setMedia", {
mp3: link
});
},
swfPath: "~/Scripts/jplayer",
supplied: "mp3"
});

player.jPlayer("play", 0);

});
});

Ak používate ajax:

$(function () {
$(".ChangePath").on("click", function () {
$.ajax({
$("#jquery_jplayer_1").jPlayer("destroy");

var link = "test" + $(this).data("key") + ".mp3";

$("#jquery_jplayer_1").jPlayer({
ready: function () {
$(this).jPlayer("setMedia", {
mp3: link
});
},
swfPath: "~/Scripts/jplayer",
supplied: "mp3"
});

player.jPlayer("play", 0);
});
});
});

V závislosti od vášho projektu bude možno potrebné zmeniť hypertextové odkazy na niečo iné, ale jQuery bude fungovať.

---