summaryrefslogblamecommitdiff
path: root/index.html
blob: 5c2e978a6fde9ed0e013ed6ae0ec0d0ed3aa64f3 (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"><option>Nadie está transmitiendo...</option></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>
        <span class="resize" data-id="history"></span>
      </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">0</span></div>
      <div class="content">
        <div id="chat-all" class="box"></div>
          <form autocomplete="off" id="msg_cont">
            <input id="current_server" type="hidden" />
            <input id="msg_type" type="text" placeholder="Escribe un mensaje aquí" maxlength="256" autofocus="autofocus" />
            <input id="msg_send" class="btn" value="Enviar" type="submit" disabled="disabled" />
          </form>
          <div id="msg_opts">
            <input id="show_own" class="btn toggle-off" type="button" value="Marcar propios" />
            <input id="stream_filter" class="btn toggle-off" type="button" value="Filtrar por show" />
            <input id="clear_chat" class="btn" type="button" value="Limpiar chat" />
          </div>
        <span class="resize" data-id="chat-all"></span>
      </div>
    </div>
  </div>
  
  <div class="sep"></div>

  <div id="footer">
    bmus v0.4 ★
    <a href="https://bienvenidoainternet.org/" target="_blank">Bienvenido a Internet</a>2010-2020
  </div>
</body>