luisgulo/radio-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Ajuste para visualizacion en moviles

Browse source
This commit is contained in:
Luis GuLo 2022-01-13 22:28:43 +01:00
parent 7dc3902f72
commit 2ca4074b13
11 changed files with 64 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

39
index.html Normal file
View file

@ -0,0 +1,39 @@
<!DOCTYPE html>
<html lang="es">
<head>
<title>Emisoras de Radio</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="icon" href="./logos/logo.png">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
</head>
<body>
<div class="container text-center">
<p>
<h3><span class="glyphicon glyphicon-music"> </span> <span id="NombreEmisora">EMISORA</span></h3>
<img id="LogoEmisora" src="./logos/vacio.jpg" width="300px" height="168px"><br>
<audio id="UrlEmisora" autoplay controls src="">Audio no disponible</audio>
<br>
<!-- Controles de Emisora -->
<h2>
<a href="#" onclick="Retroceder()">
<span class="glyphicon glyphicon-backward"></span>
</a>
<a id="BotonPlay" href="#" onclick="AlternarPlay()">
<span class="glyphicon glyphicon-play-circle"></span>
</a>
<a id="BotonPause" href="#" hidden onclick="AlternarPlay()">
<span class="glyphicon glyphicon-pause"></span>
</a>
<a href="#" onclick="Avanzar()">
<span class="glyphicon glyphicon-forward"></span>
</a>
</h2>
</p>
<p id="ListaEmisoras">
... lista de emisoras ...
</p>
</div>
<script src="./radio.js"></script>
</body>
</html>

0
radio.html → index.html.copia
View file

BIN
logos/SinLogo.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 12 KiB

BIN
logos/cadena100.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 4.9 KiB

BIN
logos/kissfm.jpg
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 1.5 KiB

BIN
logos/kissfm.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 6.2 KiB

BIN
logos/los40classic.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 3 KiB

BIN
logos/rne5.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 6.1 KiB

BIN
logos/rneclasica.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 5.5 KiB

BIN
logos/rockfm.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 4.2 KiB

28
radio.js
View file

@ -62,11 +62,33 @@ function AlternarPlay() {
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";
eUrl[0]="https://kissfm.kissfmradio.cires21.com/kissfm.mp3";
eImg[0]="kissfm.png";
eNombre[1]="Los 40 Principales";
eUrl[1]="http://23543.live.streamtheworld.com/LOS40.mp3";
eUrl[1]="https://20103.live.streamtheworld.com/LOS40.mp3";
eImg[1]="los40principales.jpg";
eNombre[2]="Los 40 Classic";
eUrl[2]="http://20103.live.streamtheworld.com:3690/LOS40_CLASSIC.mp3";
eImg[2]="los40classic.png";
eNombre[3]="Cadena 100";
eUrl[3]="http://flucast-m02-04.flumotion.com/cope/cadena100.mp3";
eImg[3]="cadena100.jpg";
eNombre[4]="Rock FM";
eUrl[4]="https://rockfm-cope-rrcast.flumotion.com/cope/rockfm.mp3";
eImg[4]="rockfm.jpg";
eNombre[5]="RNE Clasica";
eUrl[5]="http://crtve-ice-edge-2002-fra-eco-cdn.cast.addradio.de/crtve/rnerc/main/mp3/high";
eImg[5]="rneclasica.jpg";
eNombre[6]="RNE (Madrid)";
eUrl[6]="https://crtve-rne1-mad.cast.addradio.de/crtve/rne1/mad/mp3/high";
eImg[6]="vacio.jpg";
eNombre[7]="Onda Cero";
eUrl[7]="https://wecast-b02-03.flumotion.com/promecal/radio1";
eImg[7]="vacio.jpg";
eNombre[8]="Europa FM";
eUrl[8]="https://str1.mediatelekom.net:9950/stream";
eImg[8]="vacio.jpg";
};
function ImprimirEmisoras() {