1cc426470e9166386297b69d54ccf976b3352c18
[vlc.git] / share / http / index.html
1 <?xml version="1.0" encoding="UTF-8" ?>
2 <!-- $Id$-->
3
4 <!DOCTYPE html PUBLIC "-//W3C//DTD  XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml10/DTD/xhtml10transitional.dtd">
5
6 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
7
8  <head>
9     <title>VLC media player</title>
10     <link href="/style.css" title="Default" rel="stylesheet" type="text/css" />
11     <!-- Work around. should be done in the code -->
12     <vlc id="if" param1="url_param"/>
13         <meta http-equiv="Refresh" content="0;url=/" />
14     <vlc id="else" />
15         <meta http-equiv="Refresh" content="60;url=/">
16     <vlc id="end" />
17     
18     <vlc id="control" param1="stop,pause,previous,next,add,sout,play,delete,empty,seek,fullscreen,keep,volume,sort,move" />
19     <vlc id="set" param1="sout" param2="string" />
20 <script type="text/javascript">
21
22 function changeMe(item)
23 {
24   if (item.parentNode.lastChild.style.display=="none")
25   {
26     item.parentNode.lastChild.style.display="block";
27     item.alt="[-]";
28     item.src="cone_minus.png";
29   }
30   else
31   {
32     item.parentNode.lastChild.style.display="none";
33     item.alt="[+]";
34     item.src="cone_plus.png";
35   }
36 }
37 </script>
38
39 </head>
40
41
42  <body>
43
44     <!-- left menu -->
45     <div class="left">
46       <div class="sectitle">Playback control</div>
47       <div class="section-controls">
48         <p>
49           <form method="get" action="" style="display: inline">
50             <input type="submit" name="control" value="stop" />
51           </form>
52           <form method="get" action="" style="display: inline">
53             <input type="submit" name="control" value="pause" />
54           </form>
55         </p>
56         <p>
57           <form method="get" action="" style="display: inline">
58             <input type="submit" name="control" value="previous" />
59           </form>
60           <form method="get" action="" style="display: inline">
61             <input type="submit" name="control" value="next" />
62           </form>
63         </p>
64         <p>
65           <form method="get" action="" style="display: inline">
66             <input type="submit" name="seek_value" value="-1min"/><input type="hidden" name="control" value="seek"/>
67           </form>
68           <form method="get" action="" style="display: inline">
69             <input type="submit" name="seek_value" value="+1min"/><input type="hidden" name="control" value="seek"/>
70           </form>
71         </p>
72         <p>
73           <form method="get" action="">
74             <input type="text" name="seek_value" size="14"/><input type="hidden" name="control" value="seek"/>
75             <input type="submit" value="Seek" />
76           </form>
77         </p>
78         <p>
79           <span class="small">( Seek Textbox: for example "+12min 42sec", "01:13:43", "-12%" etc... )</span>
80         </p>
81       </div> <!-- End section -->
82
83       <div class="sectitle">Misc controls</div>
84       <div class="section-controls">
85         <form method="get" action="">
86                <input type="hidden" name="control" value="volume" />
87           Vol: <input type="text" name="value" size="5"/>
88                <input type="submit" value="Set" /><br /> (0 - 1024)<br /><span class="small">(for example: "536", "-12", "+42", "36%")</span>
89         </form>
90         <br />
91         <form method="get" action="">
92           <input type="submit" name="control" value="fullscreen" />
93         </form>
94       </div>
95
96       <div class="sectitle">Status</div>
97       <div class="section">
98         State: <vlc id="value" param1="stream_state" /><br />
99         Length: <span id="length"><vlc id="value" param1="stream_length" /> s
100                 </span><br />
101         Time: <span id="time"><vlc id="value" param1="stream_time" /> s</span><br />
102         Volume: <span id="volume"><vlc id="value" param1="volume" /></span>
103         <br /><a href="info.html">Information</a>  
104       </div>
105
106       <div class="section"><a href="/admin/">Administration Page</a></div>
107
108     </div>
109     <!-- end left -->
110
111     <!-- main content -->
112     <div class ="right">
113       <h2 class="title"><a href="http://www.videolan.org/">VLC media player
114         <vlc id="value" param1="version" /></a> (http interface)
115       </h2>
116
117       <div class="sectitle">Add</div>
118       <div class="section">
119         <table class="add">
120           <tr>
121             <form method="get" action="?" enctype="text/plain" >
122               <td>Add a MRL (Media Resource Locator) to the playlist</td>
123               <td>
124                <input type="hidden" name="control" value="add" />
125                <input type="text" name="mrl" size="40" />
126                <input type="submit" value="Add" />
127               </td>
128              </form> 
129           </tr>
130           <tr>
131             <form method="get" action="" enctype="text/plain" >
132               <td>Stream Output:</td>
133               <td>
134                <input type="text" name="sout" size="40" value="<vlc id="get" param1="sout" param2="string" />" />
135                <input type="submit"  value="Sout" />
136               </td>
137              </form>
138            </tr>
139           </table>
140       </div>
141 <!-- Playlist -->
142       <div class="section">
143        <form method="get" action="">
144          <ul id="playlist">
145            <vlc id="rpn" param1="first_item 0 store" />
146            <vlc id="rpn" param1="last_depth 0 store" />
147            <vlc id="foreach" param1="pl" param2="playlist" />
148                  <vlc id="if" param1="pl.depth value last_depth value <" />
149                      <vlc id="rpn" param1="pl.depth value ':' last_depth value 1 - ':' 1 strcat strcat strcat strcat" />
150                      <vlc id="foreach" param1="the_final_countdown" param2="integer" />
151                          </ul></li>
152                      <vlc id="end" />
153                  <vlc id="end" />
154
155                <vlc id="if" param1="pl.type value 'Node' strcmp" />
156                  <vlc id="rpn" param1="1 +" />
157                  <li>
158                    <input type="checkbox" name="item" value="<vlc id="value" param1="pl.index" />"/>
159                    <vlc id="if" param1="pl.current" />
160                      <strong>
161                    <vlc id="end" />
162                    <a href="?control=play&amp;item=<vlc id="value" param1="pl.index" />">
163                    <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>
164                    <vlc id="if" param1="pl.current" />
165                      </strong>
166                    <vlc id="end" />
167                  </li>
168                <vlc id="else" />
169                  <li>
170                    <vlc id="if" param1="first_item value 0 ="/>
171                    <img alt="Cone" src="cone_plus.png" />
172                      Playlist
173                      <vlc id="rpn" param1="first_item 1 store" />
174                    <vlc id="else"/>
175                    <img alt="[-]" src="cone_minus.png" onclick='changeMe(this)'/>
176                    <vlc id="if" param1="pl.depth value 0 >"/>
177                      <input type="checkbox" name="item" value="<vlc id="value" param1="pl.index" />"/>
178                      <a href="?control=play&amp;item=<vlc id="value" param1="pl.index" />">
179                    <vlc id="end"/>
180                    <vlc id="value" param1="pl.name" />
181                    <vlc id="if" param1="pl.depth value 0 >"/>
182                       </a>
183                    <vlc id="end"/>
184                    (<vlc id="value" param1="pl.i_children" />
185                     item<vlc id="if" param1="pl.i_children 1 >" />s<vlc id="end" />)
186                    <vlc id="end"/>
187
188                    <vlc id="if" param1="pl.i_children 0 !=" />
189                        <ul>
190                    <vlc id="else" />
191                        </li>
192                    <vlc id="end" />
193
194                <vlc id="end" />
195
196                <vlc id="rpn" param1="last_depth pl.depth value store" />
197
198            <vlc id="end" />
199      <vlc id="rpn" param1="0 ':' last_depth value 1 - ':' 1 strcat strcat strcat strcat" />
200      <vlc id="foreach" param1="the_final_countdown" param2="integer" />
201          </ul></li>
202      <vlc id="end" />
203
204          </ul>
205          <input type="submit" name="control" value="delete" />
206          <input type="submit" name="control" value="empty" />
207          <input type="submit" name="control" value="keep" />
208                       <input type="submit" name="control" value="sort" /> by
209                      <select name="type">
210                        <option value="title">title</option>
211                        <option value="shuffle">shuffle</option>
212                      </select> with
213                      <select name="order">
214                        <option value="0">normal order</option>
215                        <option value="1">reverse order</option>
216                      </select>
217         
218        </form>
219       </div>
220     </div>
221     <!-- end main content -->
222     
223     <p style="text-align:center;font-size:1.2em;"> <vlc id="value" param1="copyright" /> </p>
224
225     <script type="text/javascript">
226       got_time = <vlc id="value" param1="stream_time" />;
227       hours = Math.floor(got_time/ 3600);
228       minutes = Math.floor((got_time/60) % 60);
229       seconds = got_time % 60;
230       if ( hours < 10 ) hours = "0" + hours;
231       if ( minutes < 10 ) minutes = "0" + minutes;
232       if ( seconds < 10 ) seconds = "0" + seconds;
233       document.getElementById('time').innerHTML = hours+":"+minutes+":"+seconds;
234       got_length = <vlc id="value" param1="stream_length" />;
235       hours = Math.floor(got_length/ 3600);
236       minutes = Math.floor((got_length/60) % 60);
237       seconds = got_length % 60;
238       if ( hours < 10 ) hours = "0" + hours;
239       if ( minutes < 10 ) minutes = "0" + minutes;
240       if ( seconds < 10 ) seconds = "0" + seconds;
241       document.getElementById('length').innerHTML = hours+":"+minutes+":"+seconds;
242       got_volume = <vlc id="value" param1="volume" />;
243       document.getElementById( 'volume').innerHTML = Math.ceil(got_volume * 400/1024) + " %";
244     </script>
245 </body>
246 </html>