1

私は自分のページで jplayer を使用しています。リンクをクリックすると、クリックしたリンクを再生したいと思います。ただし、毎回 test1.mp3 が再生されます。どうすれば解決できますか？コードは以下のとおりです。

必要に応じて、ページは次のとおりです。

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

}

リンクは次のとおりです。

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

4 に答える 4

3

ねえ、あなたは次のことができます。

ページの読み込み時にプレーヤーをインスタンス化します。

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:16:33.860 に答える
0

私もこれに対する解決策を探しています。jsfiddle で作成したところhttp://jsfiddle.net/vijayweb/A5LQF/2/にアクセスしてください

1曲だけ再生します。どんな助けでも感謝します。

関連する解決策を見つけました...まだ最初のデフォルトの曲だけを再生しています。 jplayerを使用して単一ページに複数のmp3リンク

于 2012-05-13T19:49:15.183 に答える
-1 
$('.reproducirContenedor').on('click',function(e){// click en el elento a reproducir
    e.preventDefault();//para que cuando el usuario haga click en el icono de play no salte la pagina


    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
      });
   
    var url_destino=$(this).attr('data-demo');// obtengo la ubicacion del archivo de audio para reproducirlo



    jQuery("#jquery_jplayer_1").jPlayer("setMedia", {
        mp3:url_destino
      });

      jQuery("#jquery_jplayer_1").jPlayer("play");
    
        
});
于 2020-06-29T07:28:27.327 に答える