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="myPlayer">Widget goes here.</div>

JavaScript

var flashvars = {
  enable_api: true,
  object_id: "myPlayer",
  url: "http://soundcloud.com/forss/flickermood"
};
var params = {
  allowscriptaccess: "always"
};
var attributes = {
  id: "myPlayer",
  name: "myPlayer"
};
swfobject.embedSWF("http://player.soundcloud.com/player.swf", "myContent", "81", "100%", "9.0.0","expressInstall.swf", flashvars, params, attributes);


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('myPlayer');
console.log('player',player);
playsound();