[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