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

【问题标题】：Creating different streams for different sounds using soundcloud spi使用 soundcloud spi 为不同的声音创建不同的流
【发布时间】：2015-12-07 21:15:15
【问题描述】：

我的页面上有三个五个播放按钮，每个都有相同的类但不同的 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;
    }
});

是否也可以在新流开始时停止先前的流？提前谢谢...

【问题讨论】：

标签： javascript api sdk soundcloud

【解决方案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;
    }
  });
});

【讨论】：