Add subtitle and teletext JS API to test.html

(cherry picked from commit bc27cf85312aba3894703d3db1ab94586458928a)

projects/mozilla/test.html

@@ -149,7 +149,15 @@ Insert Slider widget
 <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='getVLC("vlc").playlist.clear(); doItemCount();'>
-<INPUT size=4 value="1:1" id="aspect"><INPUT type=submit value="AspectRatio" onClick="doAspectRatio(document.getElementById('aspect').value);">
+    Aspect Ratio:
+    <SELECT readonly 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 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);">
@@ -189,6 +197,20 @@ Verbosity:
 <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);'>
+</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>
 </TABLE>
 <SCRIPT language="javascript">
 <!--
@@ -199,6 +221,7 @@ var monitorTimerId = 0;
 var rateTimerId = 0;
 var inputTrackerScrolling = false;
 var inputTrackerIgnoreChange = false;
+var telxState = false;
 
 function doSetSlider()
 {
@@ -275,7 +298,40 @@ function doAspectRatio(value)
 {
    var vlc = getVLC("vlc");
    vlc.video.aspectRatio = value;
-   document.getElementById("aspect").value = vlc.video.aspectRatio;
+};
+
+function doSubtitle(value)
+{
+    var vlc = getVLC("vlc");
+    alert(vlc.video.subtitle + value);
+    vlc.video.subtitle = vlc.video.subtitle + value;
+    document.getElementById("spuTextField").innerHTML = vlc.video.subtitle;
+};
+
+function doTelxPage(value)
+{
+    var vlc = getVLC("vlc");
+    alert( value );
+    vlc.video.teletext = 889; //value;
+};
+
+function doToggleTeletext()
+{
+    var vlc = getVLC("vlc");
+
+    vlc.video.toggleTeletext();
+    if (telxState)
+    {
+        document.getElementById("telx").innerHTML = "Teletext on";
+        telxState = true;
+        alert( "telextext on" );
+    }
+    else
+    {
+        document.getElementById("telx").innerHTML = "Teletext off";
+        telxState = false;
+        alert( "telextext off" );
+    }
 }
 
 function doItemCount()
@@ -669,7 +725,7 @@ function onStop()
     // disable logging
     vlc.log.verbosity = -1;
 
-    if( ! inputTracker.disabled )
+    if( !inputTracker.disabled )
     {
         inputTracker.setValue(inputTracker.minVal);
         inputTracker.setDisabled(true);