1 <!-- Written by Mike Frysinger <vapier@gmail.com>. Released into the public domain. Suck it. -->
6 <title>Media Player Client
</title>
7 <script src='js/tcp-client.js'
></script>
8 <script src='js/mpc.js'
></script>
9 <script src='main.js'
></script>
14 border-collapse: collapse;
29 border: black solid
1px;
32 font-family: sans-serif;
33 background-color: #d0d0d0;
35 table.tabs td.selected {
36 background-color: white;
39 /* Get the tabs to float at the bottom */
48 padding-bottom:
1.3em;
63 <div class='main' id='main.controls'
>
67 <input type='button' id='previous' value='
⇦'
><input type='button' id='stop' value='
◻'
><input type='button' id='pause' value='
◫'
><input type='button' id='play' value='
▷'
><input type='button' id='next' value='
⇨'
>
69 <td style='whitespace:collapse'
>
70 <input type='button' id='repeat' value='
∞'
><input type='button' id='random' value='
®'
><input type='button' id='single' value='
§'
><input type='button' id='consume' value='
©'
>
75 <input type='range' id='setvol' min='
0' max='
100' value='
0'
>
78 <input type='range' id='seekcur' min='
0' max='
100' value='
0'
>
83 <span id='status'
>Loading...
</span>
89 <div class='main' id='main.options' style='display: none'
>
93 <td><input type='text' id='host'
></td>
98 <input type='number' id='port' style='width:
60px'
>
100 <input type='button' id='connect' value='connect'
>
104 <td>Refresh (sec):
</td>
106 <input type='number' id='refresh' style='width:
40px'
>
108 Sync Settings:
<input type='checkbox' id='sync' checked
>
114 <div class='main' id='main.metadata' style='display: none'
>
115 <span id='metadata.artist'
></span> -
116 <span id='metadata.album'
></span> -
117 <span id='metadata.title'
></span><br>
118 <span id='metadata.date'
></span><br><br>
119 <span id='metadata.file'
></span>
127 <td id='tab.controls' class='selected'
>Controls
</td>
128 <td id='tab.metadata'
>Metadata
</td>
129 <td id='tab.options'
>Options
</td>