Ajuste para visualizacion en moviles
39
index.html
Normal 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>
|
||||||
BIN
logos/SinLogo.jpg
Normal file
|
After Width: | Height: | Size: 12 KiB |
BIN
logos/cadena100.jpg
Normal file
|
After Width: | Height: | Size: 4.9 KiB |
BIN
logos/kissfm.jpg
|
Before Width: | Height: | Size: 1.5 KiB |
BIN
logos/kissfm.png
Normal file
|
After Width: | Height: | Size: 6.2 KiB |
BIN
logos/los40classic.png
Normal file
|
After Width: | Height: | Size: 3 KiB |
BIN
logos/rne5.jpg
Normal file
|
After Width: | Height: | Size: 6.1 KiB |
BIN
logos/rneclasica.jpg
Normal file
|
After Width: | Height: | Size: 5.5 KiB |
BIN
logos/rockfm.jpg
Normal file
|
After Width: | Height: | Size: 4.2 KiB |
28
radio.js
|
|
@ -62,11 +62,33 @@ function AlternarPlay() {
|
||||||
function CargarArray() {
|
function CargarArray() {
|
||||||
// Cargar en memoria la lista de Emisoras deseadas
|
// Cargar en memoria la lista de Emisoras deseadas
|
||||||
eNombre[0]="Kiss FM";
|
eNombre[0]="Kiss FM";
|
||||||
eUrl[0]="http://kissfm.kissfmradio.cires21.com/kissfm.mp3";
|
eUrl[0]="https://kissfm.kissfmradio.cires21.com/kissfm.mp3";
|
||||||
eImg[0]="kissfm.jpg";
|
eImg[0]="kissfm.png";
|
||||||
eNombre[1]="Los 40 Principales";
|
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";
|
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() {
|
function ImprimirEmisoras() {
|
||||||
|
|
|
||||||