JSFiddle - React, Tailwind, and code Playground

by D S

HTML

<script src="//connect.soundcloud.com/sdk-2.0.0.js"></script>
<button class="Playbtn">Play</button>
<button class="Stopbtn">Stop</button>
<button class="pausebtn">Pause</button>

JavaScript

var appID = 'f762a4714b830d2f0eb4bf821e7c99b2';

SC.initialize({
    client_id: appID
});

var track_url = 'https://soundcloud.com/danial-sabagh/comedy-effect-steak-2';
var track_url2 = 'https://soundcloud.com/mohammadbibak/mohammad-bibak-tanham-2';



function state(currentTrack) {
    var track = currentTrack; // holds sound object
    this.play = function () {track.play();};
    this.stop = function () {track.stop();};
    this.pause = function () {track.pause();};
};

SC.get('/resolve', { url: track_url2 }, function (sound) {
    SC.stream(sound.id, function (sound) {
        state = new state(sound);
    });
});

$(".Playbtn").click(function(){
    state.play();
});
$(".Stopbtn").click(function(){
	state.stop();
});
$(".pausebtn").click(function(){
    state.pause();
});