Skip to content

V
vlc-2-2
Commit cb7de733 authored by Clément Stenac's avatar Clément Stenac
Browse files
Options

* Added some status information to the HTTP interface 

* Invalid HTML SUX !
* Table layout SUX !
parent e94917b1
Hide whitespace changes
Inline Side-by-side
Showing with 201 additions and 137 deletions
share/http/index.html
View file @ cb7de733
...@@ -14,143 +14,161 @@ ...@@ -14,143 +14,161 @@
<vlc id="set" param1="sout" param2="string" /> <vlc id="set" param1="sout" param2="string" />
</head> </head>
<body> <body>
<h2> <div class="left">
<a href="http://www.videolan.org/">VLC media player <vlc id="value" param1="version" /></a> (http interface)</h2> <div class="sectitle">Playback control</div>
<div class="sectitle">Control VLC</div> <div class="section-controls">
<div class="section"> <form method="get" action="">
<table class="add"> <p>
<tr>
<td nowrap="nowrap">Current state: <vlc id="value" param1="stream_state" /></td>
<td align="right"><a href="info.html">Information</a> <a href="admin/">Administration</a></td>
</tr>
<tr>
<td nowrap="nowrap">
<form method="get" action="">
<input type="submit" name="control" value="stop" /> <input type="submit" name="control" value="stop" />
<input type="submit" name="control" value="pause" /> <input type="submit" name="control" value="pause" />
<input type="submit" name="control" value="previous" /> <br />
<input type="submit" name="control" value="next" /> <input type="submit" name="control" value="previous" />
<input type="submit" name="control" value="fullscreen" /> <input type="submit" name="control" value="next" />
</p>
<input type="submit" name="seek_value" value="-1min"/><input type="hidden" name="control" value="seek"/>
<input type="submit" name="seek_value" value="+1min"/><input type="hidden" name="control" value="seek"/>
<br />
<input type="text" name="seek_value" size="14"/><input type="hidden" name="control" value="seek"/>
</form> </form>
</td> <br />
</tr> <span class="small">( Seek Textbox: for example "+12min 42sec", "01:13:43", "-12%" etc... )</span>
<tr> </div> <!-- End section -->
<td colspan="2">
<table>
<tr>
<td>
<form method="get" action="">
<input type="submit" name="seek_value" value="-1min"/><input type="hidden" name="control" value="seek"/>
</form>
</td>
<td>
<form method="get" action="">
<input type="text" name="seek_value" size="14"/><input type="hidden" name="control" value="seek"/>
</form>
</td>
<td>
<form method="get" action="">
<input type="submit" name="seek_value" value="+1min"/><input type="hidden" name="control" value="seek"/>
</form>
</td>
<td>
( Seek Textbox: for example "+12min 42sec", "01:13:43", "-12%" etc... )
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<form method="get" action="">
Current volume level: <vlc id="value" param1="volume" /> <input type="text" name="value" size="5"/><button name="control" value="volume">Set</button>
</form>
</td>
</tr>
</table>
</div>
<div class="sectitle">Add</div>
<div class="section">
<form method="get" action="" enctype="text/plain" >
<table class="add">
<tr>
<td>Add a MRL (Media Resource Locator) to the playlist</td>
<td><input type="text" name="mrl" size="40" /><input type="submit" name="control" value="add" /></td>
</tr>
<tr>
<td>Stream Output:</td>
<td><input type="text" name="sout" size="40" value="<vlc id="get" param1="sout" param2="string" />" /><input type="submit" name="control" value="sout" /></td>
</tr>
</table>
</form>
</div>
<div class="sectitle">Move Item</div> <div class="sectitle">Misc controls</div>
<div class="section"> <div class="section-controls">
<form method="get" action=""> <form method="get" action="">
Move the item number <input type="text" name="psz_pos" size="5" /> to <input type="text" name="psz_newpos" size="5" /> <input type="submit" name="control" value="move" /> Vol: <input type="text" name="value" size="5"/>
</form> <input type="submit" value="Set" /><br /> (0 -&gt;1024)<br />
</div> <br />
<input type="submit" name="control" value="fullscreen" />
</form>
</div>
<div class="sectitle">Status</div>
<div class="section">
State: <vlc id="value" param1="stream_state" /><br />
Length: <span id="length"><vlc id="value" param1="stream_length" /> s
</span><br />
Time: <span id="time"><vlc id="value" param1="stream_time" /> s</span><br />
Volume: <span id="volume"><vlc id="value" param1="volume" /></span>
<br /><a href="info.html">Information</a>
</div>
<div><a href="/admin/">Administration Page</a></div>
</div> <!-- End left -->
<div class="sectitle">VLC Playlist</div> <div class ="right">
<div class="section"> <h2><a href="http://www.videolan.org/">VLC media player
<form method="get" action=""> <vlc id="value" param1="version" /></a> (http interface)
<table> </h2>
<tr>
<td> <div class="sectitle">Add</div>
<input type="submit" name="control" value="sort" /> by <div class="section">
<select name="type"> <form method="get" action="" enctype="text/plain" >
<option value="title">title</option> <table class="add">
<option value="group">group</option> <tr>
<option value="author">author</option> <td>Add a MRL (Media Resource Locator) to the playlist</td>
<option value="shuffle">shuffle</option> <td><input type="text" name="mrl" size="40" /><input type="submit" name="control" value="add" /></td>
</select> with </tr>
<select name="order"> <tr>
<option value="0">normal order</option> <td>Stream Output:</td>
<option value="1">reverse order</option> <td><input type="text" name="sout" size="40" value="<vlc id="get" param1="sout" param2="string" />" /><input type="submit" name="control" value="sout" /></td>
</select> </tr>
</td> </table>
</tr> </form>
<tr> </div>
<td>
<table> <div class="section">
<vlc id="rpn" param1="0"/> <form method="get" action="">
<vlc id="foreach" param1="pl" param2="playlist" /> <table>
<tr class="<vlc id="if" param1="pl.index 2 % 0 =" />ligne1<vlc id="else" />ligne2<vlc id="end" />"> <tr>
<td>
<table><tr>
<td> <td>
<input type="checkbox" name="item" value="<vlc id="value" param1="pl.index" />"/> <input type="submit" name="control" value="sort" /> by
<vlc id="if" param1="pl.current" /> <select name="type">
<b> <option value="title">title</option>
<vlc id="end" /> <option value="group">group</option>
<a href="?control=play&amp;item=<vlc id="value" param1="pl.index" />"> <option value="author">author</option>
<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> <option value="shuffle">shuffle</option>
<vlc id="if" param1="pl.current" /> </select> with
</b> <select name="order">
<vlc id="end" /> <option value="0">normal order</option>
<option value="1">reverse order</option>
</select>
</td> </td>
</tr>
<vlc id="rpn" param1="1 +"/>
<vlc id="end" />
<vlc id="if" param1="0 ="/>
<tr class="ligne1">
<td> <td>
empty playlist <form method="get" action="">
Move the item number
<input type="text" name="psz_pos" size="5" /> to
<input type="text" name="psz_newpos" size="5" />
<input type="submit" name="control" value="move" />
</form>
</td> </td>
</tr> </tr></table>
<vlc id="end"/> </td>
</table> </tr>
</td> <tr>
</tr> <td>
<tr> <table>
<td> <vlc id="rpn" param1="0"/>
<input type="submit" name="control" value="delete" /> <vlc id="foreach" param1="pl" param2="playlist" />
<input type="submit" name="control" value="keep" /> <tr class="<vlc id="if" param1="pl.index 2 % 0 =" />ligne1<vlc id="else" />ligne2<vlc id="end" />">
</td> <td>
</tr> <input type="checkbox" name="item" value="<vlc id="value" param1="pl.index" />"/>
</table> <vlc id="if" param1="pl.current" />
</form> <strong>
<vlc id="end" />
<a href="?control=play&amp;item=<vlc id="value" param1="pl.index" />">
<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>
<vlc id="if" param1="pl.current" />
</strong>
<vlc id="end" />
</td>
</tr>
<vlc id="rpn" param1="1 +"/>
<vlc id="end" />
<vlc id="if" param1="0 ="/>
<tr class="ligne1">
<td>empty playlist</td>
</tr>
<vlc id="end"/>
</table>
</td>
</tr>
<tr>
<td>
<input type="submit" name="control" value="delete" />
<input type="submit" name="control" value="keep" />
</td>
</tr>
</table>
</form>
</div>
</div> </div>
<hr/> <hr/>
<p> <vlc id="value" param1="copyright" /> </p> <p style="text-align:center;font-size:1.2em;"> <vlc id="value" param1="copyright" /> </p>
<script language="javascript" type="text/javascript">
got_time = <vlc id="value" param1="stream_time" />;
hours = Math.floor(got_time/ 3600);
minutes = Math.floor((got_time/60) % 60);
seconds = got_time % 60;
if ( hours < 10 ) hours = "0" + hours;
if ( minutes < 10 ) minutes = "0" + minutes;
if ( seconds < 10 ) seconds = "0" + seconds;
document.getElementById('time').innerHTML = hours+":"+minutes+":"+seconds;
got_length = <vlc id="value" param1="stream_length" />;
hours = Math.floor(got_length/ 3600);
minutes = Math.floor((got_length/60) % 60);
seconds = got_length % 60;
if ( hours < 10 ) hours = "0" + hours;
if ( minutes < 10 ) minutes = "0" + minutes;
if ( seconds < 10 ) seconds = "0" + seconds;
document.getElementById('length').innerHTML = hours+":"+minutes+":"+seconds;
got_volume = <vlc id="value" param1="volume" />;
document.getElementById( 'volume').innerHTML = Math.floor(got_volume * 100/1024) + " %";
</script>
</body> </body>
</html> </html>
share/http/style.css
View file @ cb7de733
body {font-family:Verdana, Arial, Sans Serif; } body
{
font-family:Verdana, Arial, Sans Serif;
font-size:10pt;
}
h2 { text-align:center; } h2 { text-align:center; }
h3 { text-align:left; } h3 { text-align:left; }
table {width:100%;} table {width:100%;}
table.add {width:100%;} table.add {width:100%;}
div.section {background-color:#DDDDFF;
border:1pt black solid; div.section
margin-bottom:2em; {
padding:0.5em;} background-color:#DDDDFF;
div.sectitle {background-color:#5A5ABB; border:1pt black solid;
color:#FFFFFF; margin-bottom:2em;
border:1pt black solid; padding:0.5em;
width:8em; }
font-weight:bold;}
div.section-controls
{
text-align:center;
background-color:#DDDDFF;
border:1pt black solid;
margin-bottom:2em;
padding:0.5em;
}
div.sectitle
{
background-color:#5A5ABB;
color:#FFFFFF;
border:1pt black solid;
font-weight:bold;
}
tr.ligne1 { background-color:#EEEEFF; } tr.ligne1 { background-color:#EEEEFF; }
tr.ligne2 { background-color:#CCCCFF; } tr.ligne2 { background-color:#CCCCFF; }
div.left {
width:15em;
position:absolute;
float:left;
margin-left:0.5em;
}
div.right {
margin-left:17.5em;
float:right;
}
span.small {
font-size:0.9em;
}
form {
margin:0pt;
padding:0pt;
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment