2

我正在使用默认的 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"));

该文档没有提及任何随机化或随机播放属性,但 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;
};
4

1 回答 1

2

您可以在此处找到 Widget API 的文档。

伪代码类似于:

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 中的“下一首”控件跳过,小部件将只播放列表中的下一首歌曲。您也许可以以某种方式检测到它并跳到另一个随机轨道。

我希望这有帮助!

于 2013-03-23T12:51:56.703 回答