https://codepen.io/mdcrowcodes/pen/eYEMyzY

```js var iframeElement = document.querySelector('iframe'); var iframeElementID = iframeElement.id; var widget = SC.Widget(iframeElement); var x = document.getElementById("play");

widget.bind(SC.Widget.Events.FINISH,function(){ widget.getCurrentSound(function(currentSound) { document.getElementById("currentTrack").innerHTML = currentSound.title; }); });

function play(){<br /> if (x.innerHTML === "▶") { x.innerHTML = "||"; } else {x.innerHTML = "▶"; } widget.toggle(); };

function next(){ x.innerHTML = "||"; widget.next(); widget.seekTo(0); widget.getCurrentSound(function(currentSound) { document.getElementById("currentTrack").innerHTML = currentSound.title; }); };

function prev(){ x.innerHTML = "||"; widget.prev(); widget.seekTo(0); widget.getCurrentSound(function(currentSound) { document.getElementById("currentTrack").innerHTML = currentSound.title; }); };

widget.bind(SC.Widget.Events.READY, function() { widget.getCurrentSound(function(currentSound) { document.getElementById("currentTrack").innerHTML = currentSound.title;

widget.getSounds(function(tracks){ for (var i in tracks) {

   $('#tracklist').append("<li class='track-item' id='" + i + "'" + ">" + tracks[i].title + "</li>");
  }

 $(".track-item").click(function(){
   var s = this.id
   widget.seekTo(0);
widget.skip(s);       
  x.innerHTML = "||" ;     widget.getCurrentSound(function(currentSound) {

document.getElementById("currentTrack").innerHTML = currentSound.title; });

});

});

}); }); ```

We also support machine tags that follow the pattern NAMESPACE:KEY=VALUE. For example: geo:lat=43.555 camel:size=medium machine:tag=with space Machine tags are not revealed to the user on the track pages.

API

In order to access the JavaScript object which provides the SoundCloud Widget API, add this script to your html page.

This script exposes the SC.Widget(/*iframeElement|iframeElementID*/) function to the global scope. It allows you to control the widget from the parent page (the page the widget is inserted into). SC.Widget accepts the reference to the iframe element or its id.

var iframeElement   = document.querySelector('iframe');
var iframeElementID = iframeElement.id;
var widget1         = SC.Widget(iframeElement);
var widget2         = SC.Widget(iframeElementID);
// widget1 === widget2

Days by A.Fruit as featured on the Ableton site.

From Twitter, to Instagram, to Soundcloud, to Vimeo this is extremely evident. Look at the connection between what is said in the article and the links provided. Twitter is full of rich text, images, sounds and motion pictures. It is a sort of melting pot of it all. Instagram as well. The singular options include Soundcloud for sound (of course) and Vimeo for "...moving pictures."

To me, this is the best track on the album, hands down. It's available on Soundcloud here.