git.sesse.net Git - vlc/blob - share/http/index.html

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