Play Playlist By Permalink
http://stackoverflow.com/questions/19351797
HTML
<input type="text" placeholder="https://soundcloud.com/popcapps/sets/goodness">
<button onclick="getEmbedCode()">Get Embed Code</button>
<input type="text" placeholder="Embed code will output here." disabled>
<iframe src="https://w.soundcloud.com/player/"></iframe>
CSS
button { margin-bottom: 40px }
iframe { height: 450px; border: none }
button, input, iframe { width: 100%; box-sizing: border-box }
JavaScript
window.jsonpResponse = function (response){ updateOutput(response.id) };
var CLIENT_ID = '83f67039ae0c3790030d256cb9029678', // Please use your own.
frame = document.getElementsByTagName('iframe')[0],
input = document.getElementsByTagName('input'),
permalink = input[0],
embedCode = input[1];
frame.style.display = 'none';
embedCode.style.display = 'none';
function getSoundCloudId(permalink) {
var jsonp = document.createElement('script');
var script = document.getElementsByTagName('script')[0];
jsonp.type = 'text/javascript';
jsonp.async = true;
jsonp.src = 'http://api.soundcloud.com/resolve.json?client_id='+CLIENT_ID
+ '&url='+permalink+'&callback=jsonpResponse';
script.parentNode.insertBefore(jsonp, script);
return false;
}
function updateOutput(id) {
var embedURL = 'https://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Fplaylists%2F'+id;
var embedHTML = '<iframe width="100%" height="450" scrolling="no" frameborder="no" src="'+embedURL+'"></iframe>';
embedCode.value = embedHTML;
embedCode.style.display = 'block';
frame.src = embedURL;
frame.style.display = 'block';
}
function getEmbedCode() {
var link = permalink.value ? permalink.value : permalink.placeholder;
return getSoundCloudId(link, updateOutput);
}