отображение буферизации на сайте

11.09.2017

Здравствуйте, запустил интернет радио на icecast. На сайте вывожу поток через плеер средствами html5 + js

<div class="player">
<div class="left"><a href="#" class="playstop"><img src="images/play.png"></a></div>
<div class="middle"><span class="song"><marquee direction="left" ></marquee></span></div>
<div class="right"><span class="volume"><a href="#" class="sound"><img src="images/sound.png"></a>
<input type="range" min="0" max="100" value="50" class="fader" step="1"></span></div>
</div>

JS

var aud = new Audio(),
adres = 'http://myradio.ru:8000';

$('.playstop').click(function() {
if($('.playstop img').attr('src')=="images/play.png")
{
$('.playstop img').attr('src', "images/stop.png");
aud.src= adres + "/myradio";
aud.play();
}
else
{
$('.playstop img').attr('src', "images/play.png");
aud.pause();
aud.src="";
}
});

После нажатия на кнопку play происходит задержка сек 3-5 и начинается воспроизведение.

Может есть способ отобразить надпись, например, буферизация пока не началось проигрывание.