summaryrefslogblamecommitdiff
path: root/index.html
blob: c7b955d2d9a00549e91599b8029ae6ed9f902dd4 (plain) (tree)
1
2
3
4
5
6



                        

                                                                          










                                                                        



                                                  

                                    
                                                                                                                






                                                                                                                                                     
                                                                                                                             












                                                                                            
                         









                                                                  
                         






                                                                                       
                                                                                                                            






                                                                                    
                         



                                                                
                                                                                                      

        
<!DOCTYPE html>
<html lang="es-ES">
<head>
  <meta charset="utf-8">
  <title>Radio B.a.I.</title>
  <meta name="description" content="La radio de Bienvenido a Internet." />
  <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">
          <div id="control" class="stopped"></div>
          <svg id="vis"></svg>
        </div>
        <div class="main-sep"></div>
        <div id="main-cont">
          <audio id="stream" src="https://bienvenidoainternet.org:8443/bai.ogg" crossorigin="anonymous"></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 id="server_name-cont" class="block"><span>Show:</span><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>
  
  <div class="sep"></div>

  <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>
  
  <div class="sep"></div>

  <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í" maxlength="256" autofocus="autofocus" />
            <input id="msg_send" value="Enviar" type="submit" disabled="disabled" />
          </form>
        <span id="resize"></span>
      </div>
    </div>
  </div>
  
  <div class="sep"></div>

  <div id="footer">
    <a href="/bai.ogg.m3u" target="_blank">Archivo M3U</a><a href="/bai.ogg.xspf" target="_blank">Archivo XSPF</a><a href="https://bienvenidoainternet.org/" target="_blank">Bienvenido a Internet</a>2010-2020
  </div>
</body>