JSFiddle - React, Tailwind, and code Playground

by Ehsan Ziya

HTML

<div id='player'></div>

CSS

#player{
    width: 200px;
    height: 200px;
    background-color: red;
}

JavaScript

window.AudioContext = (window.AudioContext || window.webkitAudioContext || window.mozAudioContext || window.msAudioContext);
var context = new AudioContext();
var audio = new Audio();
audio.src = 'https://api.soundcloud.com/tracks/182234545/stream?client_id=c625af85886c1a833e8fe3d740af753c';
audio.controls = true;
audio.addEventListener('canplaythrough', function(){
    console.log('test');
    var source = context.createMediaElementSource(audio);
    source.connect(context.destination);
    audio.play();
    //var t = document.getElementById('player').appendChild(audio);
    //console.log(t);
},false);