body {
margin: 0;
background: #000;
}
#chart-container{
width:100vw;
height:100vh;
margin: 0 auto;
}
button{
position: fixed;
top: 30px;
left: 30px;
cursor : pointer;
z-index:2;
}

var wave = new CircularAudioWave(document.getElementById('chart-container'));
wave.loadAudio('https://res.cloudinary.com/depyx66t7/video/upload/v1725897441/%ED%99%A9%EC%9D%B8%EC%84%A0_-_%EB%B2%84%ED%8B%B0%EA%B3%A0%EA%B0%9C_d6ott3.mp3');

var playButton = document.getElementById("playButton");
playButton.addEventListener('click', function() { 
 wave.play();
});