diff --git a/Leeme.txt b/Leeme.txt new file mode 100644 index 0000000..37d4a6f --- /dev/null +++ b/Leeme.txt @@ -0,0 +1,7 @@ +LEEME.TXT + +1) La lista de urls de stramings de radio se puede obtener en: "http://fmstream.org/index.php?c=E&o=top" +2) Hay que incluir en el fichero radio.js en formato Array las emisoras que deseemos +(posteriormente se incluirá como fichero externo para facilitar la carga) +3) El directorio logos es donde se deja el logotipo de cada emisora. +Si no hay logotipo indicar en el array como logo la imagen "vacio.jpg" \ No newline at end of file diff --git a/logos/kissfm.jpg b/logos/kissfm.jpg new file mode 100644 index 0000000..daaff5c Binary files /dev/null and b/logos/kissfm.jpg differ diff --git a/logos/logo.png b/logos/logo.png new file mode 100644 index 0000000..ede49ce Binary files /dev/null and b/logos/logo.png differ diff --git a/logos/los40principales.jpg b/logos/los40principales.jpg new file mode 100644 index 0000000..d407e46 Binary files /dev/null and b/logos/los40principales.jpg differ diff --git a/logos/vacio.jpg b/logos/vacio.jpg new file mode 100644 index 0000000..daaff5c Binary files /dev/null and b/logos/vacio.jpg differ diff --git a/radio.html b/radio.html new file mode 100644 index 0000000..e2ea8f6 --- /dev/null +++ b/radio.html @@ -0,0 +1,44 @@ + + + + Emisoras de Radio + + + + + +
+
+
+

+

EMISORA

+
+ +
+ +

+ + + + + + + + + + +

+

+
+
+

+ ... lista de emisoras ... +

+
+
+
+ + + \ No newline at end of file diff --git a/radio.js b/radio.js new file mode 100644 index 0000000..1019f62 --- /dev/null +++ b/radio.js @@ -0,0 +1,104 @@ +/* + ----------------------------------------------- + Programa: radio.js + Autor: Luis G.L. (luisgulo@gmail.com) + Version: 1.0 + MAIN - PROGRAMA PRINCIPAL + Se inicia automaticamente en la carga del html + ----------------------------------------------- +*/ + // Variables globales + let PosEmisora = 0; + let Sonando = false; + let r="./logos/"; // Ruta de logotipos + // Array para gestion Emisoras + const eNombre = []; + const eUrl = []; + const eImg = []; + // LLamada a funciones para inicializar la Radio + CargarArray(); + EmisoraActiva(); +// ----- Fin del programa principal ----------------------------------------- + + +// ----- FUNCIONES ---------------------------------------------------------- +function Avanzar() { + // Incrementamos en uno la posicion de la emisora + // Revisamos 'desbordamiento' de la posicion y recargamos la emisora activa + PosEmisora++; + if (PosEmisora >= eNombre.length ) { + PosEmisora = 0; + }; + EmisoraActiva(); +}; + +function Retroceder() { + // Retrocedemos en uno la posicion de la emisora + // Revisamos 'desbordamiento' de la posicion y recargamos la emisora activa + PosEmisora = PosEmisora - 1; + if (PosEmisora < 0 ) { + PosEmisora = eNombre.length - 1; + }; + EmisoraActiva(); +}; + +function AlternarPlay() { + // Ocultar/Mostrar los botones de Play-Pause + // Ademas debemos para o iniciar el sonido + if (Sonando) { + Sonando=false; + document.getElementById("BotonPlay").hidden=false; + document.getElementById("BotonPause").hidden=true; + document.getElementById("UrlEmisora").pause(); + } + else { + Sonando=true; + document.getElementById("BotonPlay").hidden=true; + document.getElementById("BotonPause").hidden=false; + document.getElementById("UrlEmisora").play(); + }; +}; + +function CargarArray() { + // Cargar en memoria la lista de Emisoras deseadas + eNombre[0]="Kiss FM"; + eUrl[0]="http://kissfm.kissfmradio.cires21.com/kissfm.mp3"; + eImg[0]="kissfm.jpg"; + eNombre[1]="Los 40 Principales"; + eUrl[1]="http://23543.live.streamtheworld.com/LOS40.mp3"; + eImg[1]="los40principales.jpg"; +}; + +function ImprimirEmisoras() { + // Imprimir en el html en la columna 2 la lista de emisoras + let texto=""; + l = document.getElementById("ListaEmisoras"); + l.innerHTML=texto; + // bucle recorrer array emisoras + for (let i=0; i < eNombre.length; i++) { + // La emisora activa se muestra en color diferente (azul) y con icono de altavoz + // Hacemos que emisoras no activas sean clicables + if (i == PosEmisora) { + l.innerHTML += ' ' + eNombre[i] + ' ' + '    
'; + } else { + l.innerHTML += ' ' + eNombre[i] + '
'; + }; + }; +}; + +function CambiarEmisora(nuevaEmisora) { + PosEmisora = nuevaEmisora; + EmisoraActiva(); +}; + +function EmisoraActiva() { + // Actualizar en el html la emisora activa + document.getElementById("NombreEmisora").innerHTML=eNombre[PosEmisora]; + document.getElementById("UrlEmisora").src=eUrl[PosEmisora]; + document.getElementById("LogoEmisora").src= r + eImg[PosEmisora]; + ImprimirEmisoras(); +}; + + + +