summaryrefslogtreecommitdiff
path: root/index.html
blob: da625d406481c718e4a85f14cd2f48d02d0adb19 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
<!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>
        <span class="resize" data-id="chat-all"></span>
      </div>
    </div>
  </div>
  
  <div class="sep"></div>

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