1

私のページには多数の mp3 リンクがあり、jplayer を使用しています。別のリンクをクリックしたときに再生するように jplayer 関数を更新するにはどうすればよいですか?

$(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>
4

2 に答える 2

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 を取得するには、再生可能なアイテム (おそらく再生可能なクラス?) にリスナーをインストールし、そのアイテムからトラックを取得する必要があります。

于 2013-03-08T15:31:25.643 に答える
0

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-06T14:42:22.047 に答える