[vlc-devel] [PATCH 02/17] test pages: HTML indenting, cleanup and cosmetics
Daniel Amm
da2424 at t-online.de
Sun Jun 14 00:35:38 CEST 2015
---
share/test/simple.html | 14 +-
share/test/test.html | 372 +++++++++++++++++++++++----------------------
share/test/windowless.html | 144 +++++++++---------
3 files changed, 275 insertions(+), 255 deletions(-)
diff --git a/share/test/simple.html b/share/test/simple.html
index cc2b5cb..966400e 100755
--- a/share/test/simple.html
+++ b/share/test/simple.html
@@ -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>
diff --git a/share/test/test.html b/share/test/test.html
index 3ba9911..e474d6d 100755
--- a/share/test/test.html
+++ b/share/test/test.html
@@ -1,17 +1,14 @@
<!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();'>
-
-<input type=button value=" << " onClick='doPlaySlower();'>
-<input type=button value="Reverse" onClick='doReverse();'>
-<input type=button value=" >> " onClick='doPlayFaster();'>
-
-<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();'>
+
+ <input type="button" value=" << " onClick='doPlaySlower();'>
+ <input type="button" value="Reverse" onClick='doReverse();'>
+ <input type="button" value=" >> " onClick='doPlayFaster();'>
+
+ <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>
diff --git a/share/test/windowless.html b/share/test/windowless.html
index 145f60a..9270d11 100755
--- a/share/test/windowless.html
+++ b/share/test/windowless.html
@@ -1,18 +1,16 @@
<!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>
--
2.1.4
More information about the vlc-devel
mailing list