index.html 9.04 KB
Newer Older
zorglub's avatar
zorglub committed
1
2
3
4
<?xml version="1.0" encoding="iso-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD  XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml10/DTD/xhtml10transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
5

zorglub's avatar
zorglub committed
6
 <head>
Anil Daoud's avatar
Anil Daoud committed
7
    <title>VLC media player</title>
8
9
    <link href="/style.css" title="Default" rel="stylesheet" type="text/css" />
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
10
    <vlc id="control" param1="stop,pause,previous,next,add,sout,play,delete,empty,seek,fullscreen,keep,volume,sort,move" />
11
    <vlc id="set" param1="sout" param2="string" />
12
<script type="text/javascript">
13

14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
function changeMe(item)
{
  if (item.parentNode.parentNode.lastChild.style.display=="none")
  {
    item.parentNode.parentNode.lastChild.style.display="block";
    item.alt="[-]";
    item.src="cone_minus.png";
  }
  else
  {
    item.parentNode.parentNode.lastChild.style.display="none";
    item.alt="[+]";
    item.src="cone_plus.png";
  }
}
</script>

</head>
32

33
34

 <body>
35
    <!-- left menu -->
36
37
38
    <div class="left">
      <div class="sectitle">Playback control</div>
      <div class="section-controls">
dionoea's avatar
dionoea committed
39
40
        <p>
          <form method="get" action="" style="display: inline">
sigmunau's avatar
sigmunau committed
41
            <input type="submit" name="control" value="stop" />
dionoea's avatar
dionoea committed
42
43
          </form>
          <form method="get" action="" style="display: inline">
sigmunau's avatar
sigmunau committed
44
            <input type="submit" name="control" value="pause" />
dionoea's avatar
dionoea committed
45
46
47
48
          </form>
        </p>
        <p>
          <form method="get" action="" style="display: inline">
49
            <input type="submit" name="control" value="previous" />
dionoea's avatar
dionoea committed
50
51
          </form>
          <form method="get" action="" style="display: inline">
52
            <input type="submit" name="control" value="next" />
dionoea's avatar
dionoea committed
53
54
55
56
          </form>
        </p>
        <p>
          <form method="get" action="" style="display: inline">
57
            <input type="submit" name="seek_value" value="-1min"/><input type="hidden" name="control" value="seek"/>
dionoea's avatar
dionoea committed
58
59
          </form>
          <form method="get" action="" style="display: inline">
60
            <input type="submit" name="seek_value" value="+1min"/><input type="hidden" name="control" value="seek"/>
dionoea's avatar
dionoea committed
61
62
63
64
          </form>
        </p>
        <p>
          <form method="get" action="">
65
            <input type="text" name="seek_value" size="14"/><input type="hidden" name="control" value="seek"/>
dionoea's avatar
dionoea committed
66
            <input type="submit" value="Seek" />
sigmunau's avatar
sigmunau committed
67
          </form>
dionoea's avatar
dionoea committed
68
69
        </p>
        <p>
70
          <span class="small">( Seek Textbox: for example "+12min 42sec", "01:13:43", "-12%" etc... )</span>
dionoea's avatar
dionoea committed
71
        </p>
72
      </div> <!-- End section -->
73

74
75
76
      <div class="sectitle">Misc controls</div>
      <div class="section-controls">
        <form method="get" action="">
dionoea's avatar
dionoea committed
77
               <input type="hidden" name="control" value="volume" />
78
79
          Vol: <input type="text" name="value" size="5"/>
               <input type="submit" value="Set" /><br /> (0 - 1024)<br /><span class="small">(for exemple: "536", "-12", "+42", "36%")</span>
dionoea's avatar
dionoea committed
80
        </form>
81
82
        <br />
        <form method="get" action="">
83
84
85
86
87
88
89
90
          <input type="submit" name="control" value="fullscreen" />
        </form>
      </div>

      <div class="sectitle">Status</div>
      <div class="section">
        State: <vlc id="value" param1="stream_state" /><br />
        Length: <span id="length"><vlc id="value" param1="stream_length" /> s
91
                </span><br />
92
93
94
95
96
        Time: <span id="time"><vlc id="value" param1="stream_time" /> s</span><br />
        Volume: <span id="volume"><vlc id="value" param1="volume" /></span>
        <br /><a href="info.html">Information</a>  
      </div>

97
      <div class="section"><a href="/admin/">Administration Page</a></div>
98

99
100
101
102
    </div>
    <!-- end left -->

    <!-- main content -->
103
    <div class ="right">
104
105
      <h2 class="title"><a href="http://www.videolan.org/">VLC media player
        <vlc id="value" param1="version" /></a> (http interface)
106
107
108
109
110
111
112
113
      </h2>

      <div class="sectitle">Add</div>
      <div class="section">
        <form method="get" action="" enctype="text/plain" >
          <table class="add">
            <tr>
              <td>Add a MRL (Media Resource Locator) to the playlist</td>
dionoea's avatar
dionoea committed
114
              <td><input type="text" name="mrl" size="40" /> <input type="submit" name="control" value="add" /></td>
115
116
117
            </tr>
            <tr>
              <td>Stream Output:</td>
dionoea's avatar
dionoea committed
118
              <td><input type="text" name="sout" size="40" value="<vlc id="get" param1="sout" param2="string" />" /> <input type="submit" name="control" value="sout" /></td>
119
120
121
122
123
124
            </tr>
          </table>
        </form>
      </div>

      <div class="section">
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
       <form method="get" action="">
         <ul id="playlist">
           <vlc id="rpn" param1="first_item 0 store" />
           <vlc id="rpn" param1="last_depth 0 store" />
           <vlc id="foreach" param1="pl" param2="playlist" />
                 <vlc id="if" param1="pl.depth value last_depth value <" />
                     <vlc id="rpn" param1="pl.depth value ':' last_depth value 1 - ':' 1 strcat strcat strcat strcat" />
                     <vlc id="foreach" param1="the_final_countdown" param2="integer" />
                         </ul></li>
                     <vlc id="end" />
                 <vlc id="end" />

               <vlc id="if" param1="pl.type value 'Node' strcmp" />
                 <vlc id="rpn" param1="1 +" />
                 <li>
                   <input type="checkbox" name="item" value="<vlc id="value" param1="pl.index" />"/>
                   <vlc id="if" param1="pl.current" />
                     <strong>
                   <vlc id="end" />
                   <a href="?control=play&amp;item=<vlc id="value" param1="pl.index" />">
                   <vlc id="value" param1="pl.name" /><vlc id="if" param1="pl.uri value pl.name value strcmp"/>  (<vlc id="value" param1="pl.uri" />)<vlc id="end"/></a>
                   <vlc id="if" param1="pl.current" />
                     </strong>
                   <vlc id="end" />
                 </li>
               <vlc id="else" />
                 <li>
                   <form method="get" action="">
                   <vlc id="if" param1="first_item value 0 ="/>
154
                   <img alt="Cone" src="cone_plus.png" />
155
156
157
                     Playlist
                     <vlc id="rpn" param1="first_item 1 store" />
                   <vlc id="else"/>
158
                   <img alt="[-]" src="cone_minus.png" onclick='changeMe(this)'/>
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
                     <vlc id="value" param1="pl.name" /> (<vlc id="value" param1="pl.i_children" /> item<vlc id="if" param1="pl.i_children 1 >" />s<vlc id="end" />)
                   <vlc id="end"/>
                     <input type="hidden" name="item" value="<vlc id="value" param1="pl.index" />" />
                     <input type="submit" name="control" value="sort" /> by
                     <select name="type">
                       <option value="title">title</option>
                       <option value="shuffle">shuffle</option>
                     </select> with
                     <select name="order">
                       <option value="0">normal order</option>
                       <option value="1">reverse order</option>
                     </select>
                   </form>

                   <vlc id="if" param1="pl.i_children 0 !=" />
                       <ul>
                   <vlc id="else" />
                       </li>
                   <vlc id="end" />

               <vlc id="end" />

               <vlc id="rpn" param1="last_depth pl.depth value store" />

           <vlc id="end" />
     <vlc id="rpn" param1="0 ':' last_depth value 1 - ':' 1 strcat strcat strcat strcat" />
     <vlc id="foreach" param1="the_final_countdown" param2="integer" />
         </ul></li>
     <vlc id="end" />

         </ul>
         <input type="submit" name="control" value="delete" />
         <input type="submit" name="control" value="empty" />
         <input type="submit" name="control" value="keep" />
       </form>
194
      </div>
zorglub's avatar
zorglub committed
195
    </div>
196
197
    <!-- end main content -->
    
198
199
    <p style="text-align:center;font-size:1.2em;"> <vlc id="value" param1="copyright" /> </p>

200
    <script type="text/javascript">
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
      got_time = <vlc id="value" param1="stream_time" />;
      hours = Math.floor(got_time/ 3600);
      minutes = Math.floor((got_time/60) % 60);
      seconds = got_time % 60;
      if ( hours < 10 ) hours = "0" + hours;
      if ( minutes < 10 ) minutes = "0" + minutes;
      if ( seconds < 10 ) seconds = "0" + seconds;
      document.getElementById('time').innerHTML = hours+":"+minutes+":"+seconds;
      got_length = <vlc id="value" param1="stream_length" />;
      hours = Math.floor(got_length/ 3600);
      minutes = Math.floor((got_length/60) % 60);
      seconds = got_length % 60;
      if ( hours < 10 ) hours = "0" + hours;
      if ( minutes < 10 ) minutes = "0" + minutes;
      if ( seconds < 10 ) seconds = "0" + seconds;
      document.getElementById('length').innerHTML = hours+":"+minutes+":"+seconds;
      got_volume = <vlc id="value" param1="volume" />;
dionoea's avatar
dionoea committed
218
      document.getElementById( 'volume').innerHTML = Math.ceil(got_volume * 100/1024) + " %";
219
    </script>
220
221
</body>
</html>