Question

我使用默认的SoundCloud音频小部件来播放播放列表，并希望这些歌曲以随机顺序播放。我正在使用SoundCloud JavaScript SDK oEmbed对象（iframe版本）。

<script src="//connect.soundcloud.com/sdk.js"></script>  

SC.oEmbed("//soundcloud.com/buzzinfly",  { 
  auto_play: true,   
  start_track: random_start_track,  
  iframe: true,  
  maxwidth: 480,  
  enable_api: true,  
  randomize: true 
 },  
 document.getElementById("soundcloud_player"));

文档没有提及任何randomize或shuffle属性，但oembed支持其他未记录的属性，如start_track。

//developers.soundcloud.com/docs/oembed#parameters
//developers.soundcloud.com/docs/widget

是否有人知道是否有一个属性可以在默认音频小部件中随机播放歌曲顺序？

如果没有，是否有办法从默认的SoundCloud小部件中捕获事件，所以我可以在完成歌曲后播放一首随机歌曲？就像你可以使用自定义播放器一样。

// developers.soundcloud.com/docs/custom-player#events

$(document).bind('onPlayerTrackSwitch.scPlayer', function(event, track){  
  // goto random track   
});

由于

更新

这是我在获得gryzzly帮助后使用的代码。

下一个按钮效果很好。我可以跳过随机歌曲。不幸的是，当一首歌曲完成播放时，我会听到两首歌曲的音频：播放列表中的下一首歌曲以及在FINISH事件中跳过的随机曲目。

var widget = null;
var song_indexes = new Array();
var current_index = 0;

$(function() {
    var iframe = document.querySelector('#soundcloud_player iframe');
    widget = SC.Widget(iframe);        
    widget.bind(SC.Widget.Events.READY, function() {
        widget.unbind(SC.Widget.Events.FINISH);
        widget.bind(SC.Widget.Events.FINISH, function() {        
            play_next_shuffled_song();
        });

        widget.getSounds(function(sounds) {
            create_shuffled_indexes(sounds.length);
            play_next_shuffled_song();
        });               
    });
    $("#button_sc_next").on("click", play_next_shuffled_song);
});

function play_next_shuffled_song() {
    current_index++;
    if (current_index >= song_indexes.length) {
        current_index = 0;
    }  
    var track_number = song_indexes[current_index];
    widget.skip(track_number);
}

function create_shuffled_indexes (num_songs) {
    for (var i=0;i<num_songs;i++) {
        song_indexes.push(i);
    }
    song_indexes = shuffle(song_indexes);
}

//+ Jonas Raoni Soares Silva
//@ http://jsfromhell.com/array/shuffle [v1.0]
function shuffle(o){ //v1.0
    for(var j, x, i = o.length; i; j = parseInt(Math.random() * i), x = o[--i], o[i] = o[j], o[j] = x);
    return o;
};

Answer 1

您可以找到Widget API here的文档。

伪代码就像这样：

load widget
get widget sounds LENGTH /* say 5 */
create an ARRAY of that LENGTH and shuffle it /* to have something like [3, 1, 0, 2, 4] */
create function SKIP that will check if ARRAY still has any items in it (length is not 0) and skip player to array.pop() index /* pop will return the last item in the array and return its value */
attach event handler to FINISH events that will run SKIP function
run SKIP function first time yourself

如果用户在小部件的UI中跳过“下一个”控件，小部件将会只需播放列表中的下一首歌曲。你也许可以发现它不知怎的，跳到另一个随机轨道。

我希望这有帮助！

使用SoundCloud默认音频小部件，您可以将其设置为从JavaScript中随机播放吗？

1 个答案: