https://elpalaciotropical.com/js/audio.js

1
2 $(document).ready(function(){
3    $('#btn_radio').click(function(){
4  $('#contenedorr').toggleClass('full');
5})
6
7var audio = $('#reproductor')[0]
8
9audio.addEventListener('waiting', function () {
10$('#con-btn-play').html('<i class="icon-spinner10 spinner"></i>');
11$('#cont-spectro').html('<img src="img/spectro.png" class="spectro" width="130">');
12
13}, false);
14audio.addEventListener('playing', function () {
15$('#con-btn-play').html('<i class="icon-pause"></i>');
16$('#cont-spectro').html('<img src="img/spectro.gif" class="spectro" width="130">');
17}, false);
18
19$('#player').click(function(){
20if (audio.paused){
21audio.play();
22$('#con-btn-play').html('<i class="icon-pause"></i>');
23$('#cont-spectro').html('<img src="img/spectro.gif" class="spectro" width="130">');
24            
25}else {
26audio.pause();	  				
27$('#con-btn-play').html('<i class="icon-play2"></i>');
28$('#cont-spectro').html('<img src="img/spectro.png" class="spectro" width="130"">');
29}
30});
31});
32
33
34$(document).ready(function() {
35var barra = document.getElementById("mislider");
36var reproductor = document.getElementById("reproductor");   
37
38barra.addEventListener("change",function(ev){ 
39reproductor.volume = ev.currentTarget.value;  
40},true);
41
42});  
43