home *** CD-ROM | disk | FTP | other *** search
/ PC World 2006 September / PCWorld_2006-09_cd.bin / audio-video / vlc / vlc-0.8.5-win32.exe / http / old / index.html < prev    next >
Encoding:
Extensible Markup Language  |  2006-05-06  |  9.9 KB  |  247 lines
  1. <?xml version="1.0" encoding="UTF-8" ?>
  2. <!-- $Id: index.html 14777 2006-03-17 14:40:59Z jpsaman $-->
  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=/old/" />
  14.     <vlc id="else" />
  15.         <meta http-equiv="Refresh" content="60;url=/old/">
  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&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&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>
  247.