]> git.sesse.net Git - vlc/blob - share/http/index.html
Valid HTML is good. This page stil doesn't work with IE
[vlc] / share / http / index.html
1 <?xml version="1.0" encoding="iso-8859-1" ?>
2 <!DOCTYPE html PUBLIC "-//W3C//DTD  XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml10/DTD/xhtml10transitional.dtd">
3
4 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
5  <head>
6     <title>VLC media player</title>
7     <link href="/style.css" title="Default" rel="stylesheet" />
8
9     <vlc id="if" param1="url_param"/>
10         <meta http-equiv="refresh" content="0;URL=/" />
11     <vlc id="end" />
12
13     <vlc id="control" param1="stop,pause,previous,next,add,sout,play,delete,empty,seek,fullscreen,keep,volume,sort,move" />
14     <vlc id="set" param1="sout" param2="string" />
15  </head>
16  <body>
17     <div class="left">
18       <div class="sectitle">Playback control</div>
19       <div class="section-controls">
20         <form method="get" action="">
21           <p>
22             <input type="submit" name="control" value="stop" />
23             <input type="submit" name="control" value="pause" />
24             <br />
25               <input type="submit" name="control" value="previous" />
26               <input type="submit" name="control" value="next" />
27           </p>
28             <input type="submit" name="seek_value" value="-1min"/><input type="hidden" name="control" value="seek"/>
29             <input type="submit" name="seek_value" value="+1min"/><input type="hidden" name="control" value="seek"/>
30             <br />
31               <input type="text" name="seek_value" size="14"/><input type="hidden" name="control" value="seek"/>
32           </form>
33         <br />
34           <span class="small">( Seek Textbox: for example "+12min 42sec", "01:13:43", "-12%" etc... )</span>
35       </div> <!-- End section -->
36
37       <div class="sectitle">Misc controls</div>
38       <div class="section-controls">
39         <form method="get" action="">
40                <input type="hidden" name="control" value="volume" />
41           Vol: <input type="text" name="value" size="5"/>
42                <input type="submit" value="Set" /><br /> (0 -&gt;1024)<br />
43         </form>
44         <br />
45         <form method="get" action="">
46           <input type="submit" name="control" value="fullscreen" />
47         </form>
48       </div>
49
50       <div class="sectitle">Status</div>
51       <div class="section">
52         State: <vlc id="value" param1="stream_state" /><br />
53         Length: <span id="length"><vlc id="value" param1="stream_length" /> s
54               </span><br />
55         Time: <span id="time"><vlc id="value" param1="stream_time" /> s</span><br />
56         Volume: <span id="volume"><vlc id="value" param1="volume" /></span>
57         <br /><a href="info.html">Information</a>  
58       </div>
59     
60       <div><a href="/admin/">Administration Page</a></div>
61
62     </div> <!-- End left -->
63
64     <div class ="right">
65       <h2><a href="http://www.videolan.org/">VLC media player
66           <vlc id="value" param1="version" /></a> (http interface)
67       </h2>
68
69       <div class="sectitle">Add</div>
70       <div class="section">
71         <form method="get" action="" enctype="text/plain" >
72           <table class="add">
73             <tr>
74               <td>Add a MRL (Media Resource Locator) to the playlist</td>
75               <td><input type="text" name="mrl" size="40" /><input type="submit" name="control" value="add" /></td>
76             </tr>
77             <tr>
78               <td>Stream Output:</td>
79               <td><input type="text" name="sout" size="40" value="<vlc id="get" param1="sout" param2="string" />" /><input type="submit" name="control" value="sout" /></td>
80             </tr>
81           </table>
82         </form>
83       </div>
84
85       <div class="section">
86         <table>
87             <tr>
88               <td>
89                 <table>
90                   <tr>
91                     <td>
92                       <form method="get" action="">
93                         <input type="submit" name="control" value="sort" /> by
94                         <select name="type">
95                           <option value="title">title</option>
96                           <option value="group">group</option>
97                           <option value="author">author</option>
98                           <option value="shuffle">shuffle</option>
99                         </select> with
100                         <select name="order">
101                           <option value="0">normal order</option>
102                           <option value="1">reverse order</option>
103                         </select>
104                       </form>
105                     </td>
106                     <td>
107                       <form method="get" action="">
108                          Move the item number
109                         <input type="text" name="psz_pos" size="5" /> to 
110                         <input type="text" name="psz_newpos" size="5" /> 
111                         <input type="submit" name="control" value="move" />
112                       </form>
113                     </td>
114                   </tr>
115                 </table>
116               </td>
117             </tr>
118             <tr>
119               <td>
120                <form method="get" action="">
121                 <table>
122                   <vlc id="rpn" param1="0"/>
123                   <vlc id="foreach" param1="pl" param2="playlist" />
124                   <tr class="<vlc id="if" param1="pl.index 2 % 0 =" />ligne1<vlc id="else" />ligne2<vlc id="end" />">
125                     <td>
126                       <input type="checkbox" name="item" value="<vlc id="value" param1="pl.index" />"/>
127                       <vlc id="if" param1="pl.current" />
128                         <strong>
129                       <vlc id="end" />
130                       <a href="?control=play&amp;item=<vlc id="value" param1="pl.index" />">
131                       <vlc id="value" param1="pl.index" /> - <vlc id="value" param1="pl.uri" /><vlc id="if" param1="pl.uri value pl.name value strcmp"/>  (<vlc id="value" param1="pl.name" />)<vlc id="end"/></a>
132                       <vlc id="if" param1="pl.current" />
133                         </strong>
134                       <vlc id="end" />
135                     </td>
136                   </tr>
137                   <vlc id="rpn" param1="1 +"/>
138                   <vlc id="end" />
139                   <vlc id="if" param1="0 ="/>
140                   <tr class="ligne1">
141                     <td>empty playlist</td>
142                   </tr>
143                   <vlc id="end"/>
144                 </table>
145                 <input type="submit" name="control" value="delete" />
146                 <input type="submit" name="control" value="keep" />
147                </form>
148             </td>
149           </tr>
150         </table>
151       </div>
152     </div>
153     <hr/>
154     <p style="text-align:center;font-size:1.2em;"> <vlc id="value" param1="copyright" /> </p>
155
156     <script language="javascript" type="text/javascript">
157       got_time = <vlc id="value" param1="stream_time" />;
158       hours = Math.floor(got_time/ 3600);
159       minutes = Math.floor((got_time/60) % 60);
160       seconds = got_time % 60;
161       if ( hours < 10 ) hours = "0" + hours;
162       if ( minutes < 10 ) minutes = "0" + minutes;
163       if ( seconds < 10 ) seconds = "0" + seconds;
164       document.getElementById('time').innerHTML = hours+":"+minutes+":"+seconds;
165       got_length = <vlc id="value" param1="stream_length" />;
166       hours = Math.floor(got_length/ 3600);
167       minutes = Math.floor((got_length/60) % 60);
168       seconds = got_length % 60;
169       if ( hours < 10 ) hours = "0" + hours;
170       if ( minutes < 10 ) minutes = "0" + minutes;
171       if ( seconds < 10 ) seconds = "0" + seconds;
172       document.getElementById('length').innerHTML = hours+":"+minutes+":"+seconds;
173       got_volume = <vlc id="value" param1="volume" />;
174       document.getElementById( 'volume').innerHTML = Math.ceil(got_volume * 100/1024) + " %";
175     </script>
176 </body>
177 </html>