使用soundcloud spi为不同的声音创建不同的流

Question

我的页面上有三个五个播放按钮，每个按钮都有相同的类，但id不同

<img class="song" id="0001" src="images/play-button.png">
<img class="song" id="0002" src="images/play-button.png">
<img class="song" id="0003" src="images/play-button.png">
<img class="song" id="0004" src="images/play-button.png">
<img class="song" id="0005" src="images/play-button.png">

我想为soundcloud中的每首曲目打开一个新的流（每个img id都是曲目id）。。。到目前为止，我所能做的就是播放一首歌，并在按下以下代码的任何按钮时暂停：

var i = $('.song').attr('id');
var is_playing = false;
var player;
SC.stream('/tracks/'+i).then(function(stream){
        player = stream;
    });
$('.song').click(function(){
    if(is_playing == false){
        player.play();
        is_playing = true;
    } else {
        player.pause();
        is_playing = false;
    }
});

当一个新的流开始时，是否也可以停止前一个流？提前感谢。。。

Answer 1

在currentPlaying中保护#id（例如），现在您可以检查是否必须打开新的流或播放旧的

$('.song').each(function() {
  var i = $(this).attr('id');
  $(this).click(function(){
    if(is_playing == false){
        if(currentPlaying != i) {
                if(player) player.pause();
                SC.stream('/tracks/'+i).then(function(stream){
                    player = stream;
                });
        }
        player.play();
        is_playing = true;
    } else {
        player.pause();
        is_playing = false;
    }
  });
});