Commit 014dfb8a authored by Daniel Amm's avatar Daniel Amm Committed by Jean-Baptiste Kempf

test pages: HTML indenting, cleanup and cosmetics

Signed-off-by: Jean-Baptiste Kempf's avatarJean-Baptiste Kempf <jb@videolan.org>
parent 6b1ac74d
......@@ -2,8 +2,8 @@
<html>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Simplest VLC plugin test</title>
<script type="text/javascript">
<script type="text/javascript">
function play(tgt) {
var uri = "http://streams.videolan.org/streams/mp4/Mr_MrsSmith-h264_aac.mp4";
if (document.all) tgt += "_IE"
......@@ -21,12 +21,12 @@ function reload() {
<body onload="play('vlc1')">
<h1>Simplest VLC plugin test</h1>
<OBJECT id='vlc1_IE' height=240 width=320 classid=clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921>
<embed type="application/x-vlc-plugin" pluginspage="http://www.videolan.org"
width="320"
height="240"
id="vlc1" />
</OBJECT>
<object id='vlc1_IE' height="240" width="320" classid="clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921">
<embed type="application/x-vlc-plugin" pluginspage="http://www.videolan.org"
width="320"
height="240"
id="vlc1" />
</object>
<hr>
<button onclick="play('vlc1')">play in VLC1</button>
......
<!DOCTYPE html>
<html>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>VLC Plugin test page</TITLE>
<title>VLC Plugin test page</title>
<style type="text/css">
.inputTrackerInput {
height:20;
width:30;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
}
</style>
<script type="text/javascript"><!--
<script type="text/javascript">
<!--
function init()
{
if( navigator.appName.indexOf("Microsoft Internet")==-1 )
......@@ -228,180 +225,197 @@ function close()
unregisterVLCEvent("MediaPlayerLengthChanged", handle_MediaPlayerLengthChanged);
}
//--></script>
//-->
</script>
<body onLoad="init();" onUnLoad="close();">
<div style="width: 600; height: 200; top:200px; position: absolute; border: 1pt solid black; background: blue; border-radius: 5px; display: none;" id="overlay"></div>
<table>
<tr><td colspan="2">
MRL:
<input size="90" id="targetTextField" value="">
<input type=submit value="Go" onClick="doGo(document.getElementById('targetTextField').value);">
<input type=submit value="Add" onClick="doAdd(document.getElementById('targetTextField').value);">
</td></tr>
<tr><td style="text-align:center" colspan="2">
<!--
Insert VideoLAN.VLCPlugin.2
-->
<object classid="clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921"
width="640"
height="480"
id="vlc">
<param name="MRL" value="" />
<param name="ShowDisplay" value="True" />
<param name="AutoLoop" value="False" />
<param name="AutoPlay" value="False" />
<param name="Volume" value="50" />
<param name="toolbar" value="true" />
<param name="StartTime" value="0" />
<EMBED pluginspage="http://www.videolan.org"
type="application/x-vlc-plugin"
width="640"
height="480"
toolbar="true"
loop="true"
branding="true"
text="Waiting for video"
bgcolor="#000000"
allowfullscreen="true"
name="vlc" />
</object>
</td></tr>
<tr><td colspan="2">
<table><tr>
<td style="vertical-align:top; width:550px;">
<!--
Insert Slider widget
-->
<div id="inputTrackerDiv"></div>
</td><td style="width:15%">
<div id="info" style="text-align:center">-:--:--/-:--:--</div>
<div id="state" style="text-align:center">Stopped...</div>
</td></tr></table>
</td></tr>
<tr><td>
<input type=button id="PlayOrPause" value=" Play " onClick='doPlayOrPause();'>
<input type=button value="Stop" onClick='doStop();'>
&nbsp;
<input type=button value=" << " onClick='doPlaySlower();'>
<input type=button value="Reverse" onClick='doReverse();'>
<input type=button value=" >> " onClick='doPlayFaster();'>
&nbsp;
<input type=button value="Fullscreen" onClick='getVLC("vlc").video.toggleFullscreen();'>
<input type=button value="Version" onClick='alert("vlc " + getVLC("vlc").VersionInfo);'>
<input type=button value=" State " onClick='alert("state: " + getVLC("vlc").input.state);'>
</td><td style="text-align:right">
<SPAN style="text-align:center">Volume:</SPAN>
<input type=button value=" - " onClick='updateVolume(-10)'>
<SPAN id="volumeTextField" style="text-align:center">--</SPAN>
<input type=button value=" + " onClick='updateVolume(+10)'>
<input type=button value="Mute" onClick='getVLC("vlc").audio.toggleMute();'>
</td>
</tr>
<tr><td>Playlist:
<input type=button value="Prev" onClick='getVLC("vlc").playlist.prev();'>
<input type=button value="Next" onClick='getVLC("vlc").playlist.next();'>
<input type=button value="Clear All" onClick='doPlaylistClearAll();'>
Aspect Ratio:
<select onChange='doAspectRatio(this.value)'>
<option value="default">Default</option>
<option value="1:1">1:1</option>
<option value="4:3">4:3</option>
<option value="16:9">16:9</option>
<option value="221:100">221:100</option>
<option value="5:4">5:4</option>
</select>
</td><td style="text-align:right">
<input type=button id="itemCount" value=" Items 0 " onClick='doItemCount();'>
<input size=4 value="" id="removeid"><input type=submit value="Delete" onClick="doRemoveItem(document.getElementById('removeid').value);">
</td>
</tr>
<tr><td>Audio Channel:
<select onClick='doAudioChannel(this.value);'>
<option value=1>Stereo</option>
<option value=2>Reverse Stereo</option>
<option value=3>Left</option>
<option value=4>Right</option>
<option value=5>Dolby</option>
</select>
</td>
<td>
<input type=button value="current channel" onClick='alert(getVLC("vlc").audio.channel);'>
</td>
</tr>
<tr><td> Audio Track:
<input type=button value=" + " onClick='doAudioTrack(1);'>
<SPAN id="trackTextField" style="text-align:center">--</SPAN>
<input type=button value=" - " onClick='doAudioTrack(-1);'>
<input type=button value="current track" onClick='alert(getVLC("vlc").audio.description(vlc.audio.track));'>
<input type=button value="number of track" onClick='alert(getVLC("vlc").audio.count);'>
</td>
<td>
<input type=button value="set slider" onClick='doSetSlider();'>
<input type=button value="get position" onClick='doGetPosition();'>
</td>
</tr>
<tr>
<td>Video Subtitle:
<input type=button value=" + " onClick='doSubtitle(1);'>
<SPAN id="spuTextField" style="text-align:center">--</SPAN>
<input type=button value=" - " onClick='doSubtitle(-1);'>
<input type=button value="current subtitle" onClick='alert(getVLC("vlc").subtitle.description(vlc.subtitle.track));'>
<input type=button value="number of subtitle" onClick='alert(getVLC("vlc").subtitle.count);'>
</td>
</tr>
<tr>
<td>Deinterlacing:
<input type=button value="BLEND" onClick='getVLC("vlc").video.deinterlace.enable("blend");'>
<input type=button value=" X " onClick='getVLC("vlc").video.deinterlace.enable("x");'>
<input type=button value="Disable" onClick='getVLC("vlc").video.deinterlace.disable();'>
</td>
</tr>
<tr>
<td>Marquee video filter:
<input type=button value="Enable" onClick='getVLC("vlc").video.marquee.enable();'>
<input type=button value="Disable" onClick='getVLC("vlc").video.marquee.disable();'>
<input size=4 value="" id="marqueeIntValue">
<select onClick="doMarqueeOption(this.value,document.getElementById('marqueeIntValue').value);">
<option value=1>Color</option>
<option value=2>Opacity</option>
<option value=3>Position</option>
<option value=4>Refresh</option>
<option value=5>Size</option>
<option value=6>Text</option>
<option value=7>Timeout</option>
<option value=8>X</option>
<option value=9>Y</option>
</select>
</td>
</tr>
<tr>
<td>Logo video filter:
<input type=button value="Enable" onClick='getVLC("vlc").video.logo.enable();'>
<input type=button value="Disable" onClick='getVLC("vlc").video.logo.disable();'>
<input size=4 value="" id="logoIntValue">
<select onClick="doLogoOption(this.value,document.getElementById('logoIntValue').value);">
<option value=1>File</option>
<option value=2>Position</option>
<option value=3>Opacity</option>
<option value=4>Repeat</option>
<option value=5>Delay</option>
<option value=6>X</option>
<option value=7>Y</option>
</select>
</td>
</tr>
<tr>
<td>
<input type=button id="telx" value="Teletext off" onClick='doToggleTeletext();'>
Teletext page:
<input size=4 value="100" id="telxPage" onClick='doTelxPage(document.getElementById("telxPage").value);'>
</td>
</tr>
<tr>
<td colspan="2">
MRL:
<input type="text" size="90" id="targetTextField" value="">
<input type="submit" value="Go" onClick="doGo(document.getElementById('targetTextField').value);">
<input type="submit" value="Add" onClick="doAdd(document.getElementById('targetTextField').value);">
</td>
</tr>
<tr>
<td style="text-align:center" colspan="2">
<!--
Insert VideoLAN.VLCPlugin.2
-->
<object classid="clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921"
width="640"
height="480"
id="vlc">
<param name="MRL" value="" />
<param name="ShowDisplay" value="True" />
<param name="AutoLoop" value="False" />
<param name="AutoPlay" value="False" />
<param name="Volume" value="50" />
<param name="Toolbar" value="true" />
<param name="StartTime" value="0" />
<embed pluginspage="http://www.videolan.org"
type="application/x-vlc-plugin"
width="640"
height="480"
toolbar="true"
loop="false"
branding="true"
text="Waiting for video"
bgcolor="#000000"
allowfullscreen="true"
name="vlc" />
</object>
</td>
</tr>
<tr>
<td colspan="2">
<table>
<tr>
<td style="vertical-align:top; width:550px;">
<!--
Insert Slider widget
-->
<div id="inputTrackerDiv"></div>
</td>
<td style="width:15%; text-align:center">
<div id="info">-:--:--/-:--:--</div>
<div id="state">Stopped...</div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<input type="button" id="PlayOrPause" value=" Play " onClick='doPlayOrPause();'>
<input type="button" value="Stop" onClick='doStop();'>
&nbsp;
<input type="button" value=" << " onClick='doPlaySlower();'>
<input type="button" value="Reverse" onClick='doReverse();'>
<input type="button" value=" >> " onClick='doPlayFaster();'>
&nbsp;
<input type="button" value="Fullscreen" onClick='getVLC("vlc").video.toggleFullscreen();'>
<input type="button" value="Version" onClick='alert("vlc " + getVLC("vlc").VersionInfo);'>
<input type="button" value=" State " onClick='alert("state: " + getVLC("vlc").input.state);'>
</td>
<td style="text-align:right">
<span style="text-align:center">Volume:</span>
<input type="button" value=" - " onClick='updateVolume(-10)'>
<span id="volumeTextField" style="text-align:center">--</span>
<input type="button" value=" + " onClick='updateVolume(+10)'>
<input type="button" value="Mute" onClick='getVLC("vlc").audio.toggleMute();'>
</td>
</tr>
<tr>
<td>Playlist:
<input type="button" value="Prev" onClick='getVLC("vlc").playlist.prev();'>
<input type="button" value="Next" onClick='getVLC("vlc").playlist.next();'>
<input type="button" value="Clear All" onClick='doPlaylistClearAll();'>
Aspect Ratio:
<select onChange='doAspectRatio(this.value)'>
<option value="default">Default</option>
<option value="1:1">1:1</option>
<option value="4:3">4:3</option>
<option value="16:9">16:9</option>
<option value="221:100">221:100</option>
<option value="5:4">5:4</option>
</select>
</td>
<td style="text-align:right">
<input type="button" id="itemCount" value=" Items 0 " onClick='doItemCount();'>
<input type="text" size="4" value="" id="removeid">
<input type="submit" value="Delete" onClick="doRemoveItem(document.getElementById('removeid').value);">
</td>
</tr>
<tr>
<td>Audio Channel:
<select onClick='doAudioChannel(this.value);'>
<option value="1">Stereo</option>
<option value="2">Reverse Stereo</option>
<option value="3">Left</option>
<option value="4">Right</option>
<option value="5">Dolby</option>
</select>
</td>
<td>
<input type="button" value="current channel" onClick='alert(getVLC("vlc").audio.channel);'>
</td>
</tr>
<tr>
<td>Audio Track:
<input type="button" value=" + " onClick='doAudioTrack(1);'>
<span id="trackTextField" style="text-align:center">--</span>
<input type="button" value=" - " onClick='doAudioTrack(-1);'>
<input type="button" value="current track" onClick='alert(getVLC("vlc").audio.description(vlc.audio.track));'>
<input type="button" value="number of track" onClick='alert(getVLC("vlc").audio.count);'>
</td>
<td>
<input type="button" value="set slider" onClick='doSetSlider();'>
<input type="button" value="get position" onClick='doGetPosition();'>
</td>
</tr>
<tr>
<td colspan="2">Video Subtitle:
<input type="button" value=" + " onClick='doSubtitle(1);'>
<span id="spuTextField" style="text-align:center">--</span>
<input type="button" value=" - " onClick='doSubtitle(-1);'>
<input type="button" value="current subtitle" onClick='alert(getVLC("vlc").subtitle.description(vlc.subtitle.track));'>
<input type="button" value="number of subtitle" onClick='alert(getVLC("vlc").subtitle.count);'>
</td>
</tr>
<tr>
<td colspan="2">Deinterlacing:
<input type="button" value="BLEND" onClick='getVLC("vlc").video.deinterlace.enable("blend");'>
<input type="button" value=" X " onClick='getVLC("vlc").video.deinterlace.enable("x");'>
<input type="button" value="Disable" onClick='getVLC("vlc").video.deinterlace.disable();'>
</td>
</tr>
<tr>
<td colspan="2">Marquee video filter:
<input type="button" value="Enable" onClick='getVLC("vlc").video.marquee.enable();'>
<input type="button" value="Disable" onClick='getVLC("vlc").video.marquee.disable();'>
<input type="text" size="4" value="" id="marqueeIntValue">
<select onClick="doMarqueeOption(this.value,document.getElementById('marqueeIntValue').value);">
<option value="1">Color</option>
<option value="2">Opacity</option>
<option value="3">Position</option>
<option value="4">Refresh</option>
<option value="5">Size</option>
<option value="6">Text</option>
<option value="7">Timeout</option>
<option value="8">X</option>
<option value="9">Y</option>
</select>
</td>
</tr>
<tr>
<td colspan="2">Logo video filter:
<input type="button" value="Enable" onClick='getVLC("vlc").video.logo.enable();'>
<input type="button" value="Disable" onClick='getVLC("vlc").video.logo.disable();'>
<input type="text" size="4" value="" id="logoIntValue">
<select onClick="doLogoOption(this.value,document.getElementById('logoIntValue').value);">
<option value="1">File</option>
<option value="2">Position</option>
<option value="3">Opacity</option>
<option value="4">Repeat</option>
<option value="5">Delay</option>
<option value="6">X</option>
<option value="7">Y</option>
</select>
</td>
</tr>
<tr>
<td colspan="2">
<input type="button" id="telx" value="Teletext off" onClick='doToggleTeletext();'>
Teletext page:
<input type="text" size="4" value="100" id="telxPage" onClick='doTelxPage(document.getElementById("telxPage").value);'>
</td>
</tr>
</table>
<SCRIPT type="text/javascript">
<script type="text/javascript">
<!--
var rate = 0;
......@@ -814,6 +828,6 @@ function onError()
}
//-->
</SCRIPT>
</script>
</body>
</HTML>
</html>
<!DOCTYPE html>
<html>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>VLC windowless Plugin test page</TITLE>
<title>VLC windowless Plugin test page</title>
<style type="text/css">
.inputTrackerInput {
height:20;
width:30;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
}
body {background: grey;}
body {
background: grey;
}
</style>
<script type="text/javascript"><!--
<script type="text/javascript">
<!--
function init()
{
if( navigator.appName.indexOf("Microsoft Internet")==-1 )
......@@ -229,69 +227,77 @@ function close()
unregisterVLCEvent("MediaPlayerLengthChanged", handle_MediaPlayerLengthChanged);
}
//--></script>
//-->
</script>
<body onLoad="init();" onUnLoad="close();">
<div style="width: 800; height: 200; top:200px; position: absolute; border: 1pt solid black; background: blue; border-radius: 5px; display: none;" id="overlay"></div>
<table>
<tr><td style="text-align:center;" colspan="2">
<div id=player>
<!--
Insert VideoLAN.VLCPlugin.2
-->
<object classid="clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921"
width="640"
height="480"
id="vlc">
<param name="MRL" value="" />
<param name="ShowDisplay" value="True" />
<param name="AutoLoop" value="False" />
<param name="AutoPlay" value="False" />
<param name="Volume" value="50" />
<param name="toolbar" value="true" />
<param name="StartTime" value="0" />
<param name="Windowless" value="True" />
<EMBED pluginspage="http://www.videolan.org"
type="application/x-vlc-plugin"
width="640"
height="480"
toolbar="true"
loop="true"
text="Waiting for video"
windowless="true"
bgcolor="#000000"
branding="true"
name="vlc" />
</object>
</div>
</td></tr>
<tr><td colspan="2">
MRL:
<input size="90" id="targetTextField" value="">
<input type=submit value="Go" onClick="doGo(document.getElementById('targetTextField').value);">
<input type=submit value="Add" onClick="doAdd(document.getElementById('targetTextField').value);">
</td></tr>
<tr><td>
<input type=button id="PlayOrPause" value=" Play " onClick='doPlayOrPause();'>
<input type=button value="Stop" onClick='doStop();'>
</td><td style="width:15%">
<div id="info" style="text-align:center">-:--:--/-:--:--</div>
<div id="state" style="text-align:center">Stopped...</div>
</td>
</tr>
<tr>
<td>
<input type=button value="3D transform" onClick='doToggle3dTransform();'>
<input type=button value="Change opacity" onClick='doToggleOpacity();'>
<input type=button value="Rounded corners" onClick='doToggleRound();'>
</td>
</tr>
<tr>
<td style="text-align:center;" colspan="2">
<div id="player">
<!--
Insert VideoLAN.VLCPlugin.2
-->
<object classid="clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921"
width="640"
height="480"
id="vlc">
<param name="MRL" value="" />
<param name="ShowDisplay" value="True" />
<param name="AutoLoop" value="False" />
<param name="AutoPlay" value="False" />
<param name="Volume" value="50" />
<param name="Toolbar" value="True" />
<param name="StartTime" value="0" />
<param name="Windowless" value="True" />
<embed pluginspage="http://www.videolan.org"
type="application/x-vlc-plugin"
width="640"
height="480"
toolbar="true"
loop="false"
text="Waiting for video"
windowless="true"
bgcolor="#000000"
branding="true"
allowfullscreen="true"
name="vlc" />
</object>
</div>
</td>
</tr>
<tr>
<td colspan="2">
MRL:
<input type="text" size="90" id="targetTextField" value="">
<input type="submit" value="Go" onClick="doGo(document.getElementById('targetTextField').value);">
<input type="submit" value="Add" onClick="doAdd(document.getElementById('targetTextField').value);">
</td>
</tr>
<tr>
<td>
<input type="button" id="PlayOrPause" value=" Play " onClick='doPlayOrPause();'>
<input type="button" value="Stop" onClick='doStop();'>
</td>
<td style="text-align:center; width:15%">
<div id="info">-:--:--/-:--:--</div>
<div id="state">Stopped...</div>
</td>
</tr>
<tr>
<td colspan="2">
<input type="button" value="3D transform" onClick='doToggle3dTransform();'>
<input type="button" value="Change opacity" onClick='doToggleOpacity();'>
<input type="button" value="Rounded corners" onClick='doToggleRound();'>
</td>
</tr>
</table>
<SCRIPT type="text/javascript">
<script type="text/javascript">
<!--
var rate = 0;
......@@ -759,6 +765,6 @@ function onError()
}
//-->
</SCRIPT>
</script>
</body>
</HTML>
</html>
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