SoundCloud HTML5 Widget Test

by Tobias Beuving

HTML

<script src="https://raw.githubusercontent.com/soundcloud/Widget-JS-API/master/soundcloud.player.api.js"></script>
<script src="http://connect.soundcloud.com/sdk.js"></script>
<div id="sc-widget">Widget goes here.</div>

JavaScript

function playsound() {
    console.log('playsound');
    player.api_load(urls[current_track_index]);
}
soundcloud.addEventListener('onPlayerReady', function (player, data) {
    console.log('player ('+player+')ready',data);
    player.api_play();
    //playsound();
});

soundcloud.addEventListener('onMediaEnd', function (player, data) {
    console.log('track finished!');
    current_track_index++;
    playsound();
});

var urls = ['http://api.soundcloud.com/tracks/29022',
    'http://api.soundcloud.com/tracks/13692671',
    'http://api.soundcloud.com/tracks/144786679',
    'http://api.soundcloud.com/tracks/146471752'];

var current_track_index = 0;

var widgetIframe = document.getElementById('sc-widget');


SC.oEmbed('http://api.soundcloud.com/tracks/29022', widgetIframe);
widget = SC.Widget(widgetIframe);

var player = soundcloud.getPlayer(widget);
console.log('player',player);
playsound();