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

11.09.2017

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

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

JS

1. var aud = new Audio(),
2. adres = 'http://myradio.ru:8000';
4. $('.playstop').click(function() {
5. if($('.playstop img').attr('src')=="images/play.png")
6. {
7. $('.playstop img').attr('src', "images/stop.png");
8. aud.src= adres + "/myradio";
9. aud.play();
10. }
11. else
12. {
13. $('.playstop img').attr('src', "images/play.png");
14. aud.pause();
15. aud.src="";
16. }
17. });

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

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