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