diff options
| author |  jay
| 2020-03-06 23:05:30 -0300 |
|---|---|---|
| committer | jay
| 2020-03-06 23:05:30 -0300 |
| commit | 7a91dfd23d5b4f0f885c37337896ff91520f32af (patch) | |
| tree | 83e30f2e736f0d070c4f490f6058aeb30387cdc8 /radio.html | |
| parent | 0ecdeb03d7300c687a45683f4c0b7b75da27f5d9 (diff) | |
| download | bairadio-frontend-7a91dfd23d5b4f0f885c37337896ff91520f32af.tar.gz bairadio-frontend-7a91dfd23d5b4f0f885c37337896ff91520f32af.tar.xz bairadio-frontend-7a91dfd23d5b4f0f885c37337896ff91520f32af.zip | |
Subiendo cliente web de BaI Radio
Diffstat (limited to 'radio.html')
| -rw-r--r-- | radio.html | 76 |
1 files changed, 76 insertions, 0 deletions
diff --git a/radio.html b/radio.html new file mode 100644 index 0000000..f24bfbc --- /dev/null +++ b/radio.html @@ -0,0 +1,76 @@ +<!DOCTYPE html> +<html lang="es-ES"> +<head> + <meta charset="utf-8"> + <title>Radio @ Bienvenido a Internet</title> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <link rel="shortcut icon" href="favicon.ico" /> + <link rel="stylesheet" href="bairadio.css" title="Radio B.a.I." /> + <script src="bairadio.js"></script> +</head> +<body> + <h1>Radio B.a.I.</h1> + + <div id="box-main" class="outer"> + <div class="inner"> + <div id="main" class="content"> + <div id="vis-cont" class="box"><svg id="vis" class="show-play-btn"></svg></div> + <div class="main-sep"></div> + <div id="main-cont"> + <audio id="stream" src="https://bienvenidoainternet.org:8443/bai.ogg"></audio> + <div class="line"> + <div id="nowplaying" class="box"> + <div id="nowplaying-txt"><span id="artist"></span><span id="title"></span><span id="status">*** La radio está OFFLINE ***</span></div> + </div> + </div> + <div id="details"> + <div class="line"> + <div class="block">Show:<select id="server_name" class="box"></select></div> + </div> + <div class="line"> + <div class="block">Volumen:<span id="volume" class="box">100</span></div> + <div class="block">Bitrate:<span id="bitrate" class="box">--</span></div> + <div class="block">KHz:<span id="audio_samplerate" class="box">--</span></div> + <div class="block">Oyentes:<span id="listeners" class="box">0</span></div> + </div> + </div> + </div> + </div> + </div> + </div> + + <br> + + <div id="box-history" class="outer"> + <div class="inner"> + <div id="box-history-title" class="boxtitle">Historial</div> + <div class="content"> + <div id="history" class="box"></div> + </div> + </div> + </div> + + <br> + + <div id="box-chat" class="outer chat"> + <div class="inner"> + <div id="box-chat-title" class="boxtitle">Chat<span id="chat-count"></span></div> + <div class="content"> + <div id="chat-all" class="box"></div> + <form autocomplete="off" id="msg_cont"> + <input id="msg_type" type="text" placeholder="Escribe un mensaje aquí" autofocus="autofocus" /> + <input id="msg_send" value="Enviar" type="submit" disabled="disabled" /> + </form> + <span id="resize"></span> + </div> + </div> + </div> + + <br> + + <div id="footer"> + <a href="/bai.ogg.m3u" target="_blank">Archivo M3U</a> ★ + <a href="/bai.ogg.xspf" target="_blank">Archivo XSPF</a> ★ + Bienvenido a Internet ★ 2010-2020 + </div> +</body> |