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