JSFiddle - React, Tailwind, and code Playground

by Kyle Pennell

HTML

<script src="http://connect.soundcloud.com/sdk.js"></script>
<ul class="trackslist">
    
<ul>

JavaScript

var tracks =[https://soundcloud.com/royalblooduk/figure-it-out-single
https://soundcloud.com/paul-kimbiris/04-bring-out-your-dead
https://soundcloud.com/cfinn/great-american-taxi-walls-of
https://soundcloud.com/shieh/the-gaslamp-killer-nissim-with
https://soundcloud.com/rootfire/natural-vibrations-sensi
https://soundcloud.com/butchwalker/chrissie-hynde
https://soundcloud.com/the-nth-power/spirits
https://soundcloud.com/secretcityrecords/the-barr-brothers-half-crazy
https://soundcloud.com/two-ton-music/the-ways-we-change
https://soundcloud.com/masonjarmusic/aoife-odonovan-w-noam-pikelny];

var mySound = {
    track_url: "https://soundcloud.com/user394531532/fear-intro",
    //track_url: "https://soundcloud.com/vaffunkool/hypnotoad-sound",
    client_id: '201b55a1a16e7c0a122d112590b32e4a',
    track: null
};

SC.initialize({client_id:mySound.client_id});
      
  

for (var i = 0; i < tracks.length; i++) {
    SC.get('/resolve', { url: tracks[i], limit: 60 }, function(res, err) {
            console.log(res);
        $(".trackslist").append('<li>'+ res.title + "  Stream URL:~  " + res.stream_url  + "  Tags:~  "+ res.tag_list + "  Permalink:~   " + res.user.permalink + res.permalink + " ~Artwork~ " + res.artwork_url + '</li>');
    }
  
    )};