JSFiddle - React, Tailwind, and code Playground

by D S

HTML

<script src="http://connect.soundcloud.com/sdk.js"></script>
<div class="seekBase">
    <div class="seekLoad"></div>
</div>

CSS

.seekBase {
    float:left;
    width:300px;
    height:25px;
    background:black;
}
.seekLoad {
    float:left;
    width:100px;
    height:25px;
    background:#580000;
}

JavaScript

SC.initialize({
    client_id: 'b8f06bbb8e4e9e201f9e6e46001c3acb'
});

// stream track id 293
SC.stream("/tracks/293", function (sound) {
    sound.play();
    
});