javascript - Howler JS を使用して 1 つのページで複数の再生ボタンを使用する方法

Question

この例では、Howler JS を音楽プレーヤーとして使用しており、クラス オブジェクトによってプレイリストを作成し、同じページで複数の再生/一時停止ボタンを使用できるようにする必要があります。

だから私がしたプレイリストのために：

var titx;
var filx;
var idx;
var myplax = [];

$.each($('.btnplay'), function(index, value) { 
    titx = $(this).attr("title");
    filx = $(this).attr("data-track-name");
    idx = $(this).attr("data-id");
    myu = {
      id: idx,
      title: titx,
      file: filx,
      howl: null        
    }
  myplax.push(myu);
});

var player = new Player(myplax);

次に、ページ内の複数の再生/一時停止ボタンで再生ボタンを起動するために、次のように jQuery を試しました。

$(".btnplay").click(function(){
  player.play();   
});
$(".btnpause").click(function(){
  player.pause();   
});

しかし、再生ボタンをクリックすると、最初の曲のたびに再生が開始されます。また、2 番目のボタン (一番上のボタン) をクリックすると、最初のボタン (一番下のボタン) の代わりに jQuery がアニメーション化します。

ただし、プレイリストはうまく機能しますが、再生ボタンの問題を解決するにはどうすればよいですか?