summaryrefslogtreecommitdiff
path: root/template/default/tv.html
diff options
context:
space:
mode:
Diffstat (limited to 'template/default/tv.html')
-rw-r--r--template/default/tv.html200
1 files changed, 200 insertions, 0 deletions
diff --git a/template/default/tv.html b/template/default/tv.html
new file mode 100644
index 0000000..1ed81b9
--- /dev/null
+++ b/template/default/tv.html
@@ -0,0 +1,200 @@
+<html>
+
+<head>
+ <title><?% msg.c_progname %?> - <?% msg.tv_headline %?> (<tmpl_var host>)</title>
+ <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+ <script language="JavaScript">
+ <!--
+ var aktiv;
+ var interval = 5;
+ var size = "half";
+
+ function switch_channel(url) {
+ Now = new Date();
+ document.switchimage.src = url + "&" + Now.getTime();
+ window.setTimeout("WebcamUpdate()", 500);
+ }
+
+ function WebcamUpdate() {
+ Now = new Date();
+ NewPicUrl = "<tmpl_var url>&size=" + size + "&" + Now.getTime();
+ document.Bild.src = NewPicUrl;
+ }
+
+ function go() {
+ WebcamUpdate();
+ v_Start();
+ }
+
+ function v_Start() {
+ aktiv = window.setInterval("WebcamUpdate()", interval * 1000);
+ }
+
+ function v_Stop() {
+ window.clearInterval(aktiv);
+ }
+
+ function v_changeInterval(val) {
+ interval = val;
+ v_Stop();
+ if(interval > 0) {
+ go()
+ };
+ }
+
+ function v_changeSize(val) {
+ size = val;
+ v_Stop();
+ go()
+ }
+ //-->
+ </script>
+ <style type="text/css" media="screen">
+ <!--
+#Ebene1 { position: absolute; z-index: 0; top: 0px; left: 0px; width: 100px; height: 100px; visibility: visible; display: block }
+#Ebene2 { position: absolute; z-index: 10; top: 0px; left: 0px; width: 100px; height: 100px; visibility: visible; display: block }
+td { color: #000; font-weight: normal; font-size: 11px; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif }
+input, b { font-weight: normal; font-size: 9px; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif}
+select { font-weight: normal; width: 55px; height: 20px; font-size: 9px; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif}
+#small { font-weight: normal; width: 20px; height: 20px; font-size: 9px; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif}
+ -->
+ </style>
+</head>
+
+<body onLoad="go()" background="bilder/tv_bottom.gif" bgcolor="#000000" leftmargin="2" marginheight="2" marginwidth="2" topmargin="2">
+ <form name="liveform">
+ <table width="200" border="0" cellspacing="0" cellpadding="0">
+ <tr>
+ <td align="center" valign="middle"><img name="Bild" src="<tmpl_var url>" border="1" hspace=2 vspace=2></td>
+ <td><img src="bilder/spacer.gif" name="switchimage" width="2" height="1"></td>
+ <td valign="top">
+ <table width="200" border="0" cellspacing="0" cellpadding="0">
+ <tr>
+ <td></td>
+ <td><img src="bilder/spacer.gif" alt="" height="20" width="50" border="0"></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td><a href="javascript:switch_channel('./vdradmin.pl?aktion=rc_hitk&key=power');"><img src="bilder/fern_03.jpg" alt="" height="27" width="68" border="0"></a></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td><img src="bilder/spacer.gif" alt="" height="20" width="50" border="0"></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td><a href="javascript:switch_channel('./vdradmin.pl?aktion=rc_hitk&key=1');"><img src="bilder/fern_05.jpg" alt="" height="28" width="67" border="0"></a></td>
+ <td><a href="javascript:switch_channel('./vdradmin.pl?aktion=rc_hitk&key=2');"><img src="bilder/fern_06.jpg" alt="" height="28" width="66" border="0"></a></td>
+ <td><a href="javascript:switch_channel('./vdradmin.pl?aktion=rc_hitk&key=3');"><img src="bilder/fern_07.jpg" alt="" height="28" width="67" border="0"></a></td>
+ </tr>
+ <tr>
+ <td><a href="javascript:switch_channel('./vdradmin.pl?aktion=rc_hitk&key=4');"><img src="bilder/fern_08.jpg" alt="" height="28" width="67" border="0"></a></td>
+ <td><a href="javascript:switch_channel('./vdradmin.pl?aktion=rc_hitk&key=5');"><img src="bilder/fern_09.jpg" alt="" height="28" width="66" border="0"></a></td>
+ <td><a href="javascript:switch_channel('./vdradmin.pl?aktion=rc_hitk&key=6');"><img src="bilder/fern_10.jpg" alt="" height="28" width="67" border="0"></a></td>
+ </tr>
+ <tr>
+ <td><a href="javascript:switch_channel('./vdradmin.pl?aktion=rc_hitk&key=7');"><img src="bilder/fern_11.jpg" alt="" height="28" width="67" border="0"></a></td>
+ <td><a href="javascript:switch_channel('./vdradmin.pl?aktion=rc_hitk&key=8');"><img src="bilder/fern_12.jpg" alt="" height="28" width="66" border="0"></a></td>
+ <td><a href="javascript:switch_channel('./vdradmin.pl?aktion=rc_hitk&key=9');"><img src="bilder/fern_13.jpg" alt="" height="28" width="67" border="0"></a></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td><a href="javascript:switch_channel('./vdradmin.pl?aktion=rc_hitk&key=0');"><img src="bilder/fern_15.jpg" alt="" height="28" width="66" border="0"></a></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td><img src="bilder/spacer.gif" alt="" height="20" width="50" border="0"></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td><a href="javascript:switch_channel('./vdradmin.pl?aktion=rc_hitk&key=menu');"><img src="bilder/fern_18.jpg" alt="" height="27" width="67" border="0"></a></td>
+ <td></td>
+ <td><a href="javascript:switch_channel('./vdradmin.pl?aktion=rc_hitk&key=back');"><img src="bilder/fern_19.jpg" alt="" height="27" width="67" border="0"></a></td>
+ </tr>
+ <tr>
+ <td colspan="3"><a href="javascript:switch_channel('./vdradmin.pl?aktion=rc_hitk&key=red');"><img src="bilder/fern_22.jpg" alt="" height="28" width="50" border="0"></a><a href="javascript:switch_channel('./vdradmin.pl?aktion=rc_hitk&key=green');"><img src="bilder/fern_23.jpg" alt="" height="28" width="49" border="0"></a><a href="javascript:switch_channel('./vdradmin.pl?aktion=rc_hitk&key=yellow');"><img src="bilder/fern_24.jpg" alt="" height="28" width="51" border="0"></a><a href="javascript:switch_channel('./vdradmin.pl?aktion=rc_hitk&key=blue');"><img src="bilder/fern_25.jpg" alt="" height="28" width="50" border="0"></a></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td><img src="bilder/spacer.gif" alt="" height="20" width="50" border="0"></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td><a href="javascript:switch_channel('./vdradmin.pl?aktion=rc_hitk&key=up');"><img src="bilder/fern_28.jpg" alt="" height="27" width="66" border="0"></a></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td><img src="bilder/spacer.gif" alt="" height="20" width="50" border="0"></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td><a href="javascript:switch_channel('./vdradmin.pl?aktion=rc_hitk&key=left');"><img src="bilder/fern_31.jpg" alt="" height="27" width="67" border="0"></a></td>
+ <td><a href="javascript:switch_channel('./vdradmin.pl?aktion=rc_hitk&key=ok');"><img src="bilder/fern_32.jpg" alt="" height="27" width="66" border="0"></a></td>
+ <td><a href="javascript:switch_channel('./vdradmin.pl?aktion=rc_hitk&key=right');"><img src="bilder/fern_33.jpg" alt="" height="27" width="67" border="0"></a></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td><img src="bilder/spacer.gif" alt="" height="20" width="50" border="0"></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td><a href="javascript:switch_channel('./vdradmin.pl?aktion=rc_hitk&key=down');"><img src="bilder/fern_36.jpg" alt="" height="27" width="66" border="0"></a></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td><img src="bilder/spacer.gif" alt="" height="20" width="50" border="0"></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td><a href="javascript:switch_channel('./vdradmin.pl?aktion=rc_hitk&key=VolumeMinus');"><img src="bilder/fern_39.jpg" alt="" height="27" width="67" border="0"></a></td>
+ <td></td>
+ <td><a href="javascript:switch_channel('./vdradmin.pl?aktion=rc_hitk&key=VolumePlus');"><img src="bilder/fern_40.jpg" alt="" height="27" width="67" border="0"></a></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td><img src="bilder/spacer.gif" alt="" height="20" width="50" border="0"></td>
+ <td></td>
+ </tr>
+ </table>
+ </td>
+ </tr>
+ <tr>
+ <td colspan="3">&nbsp;</td>
+ </tr>
+ <tr valign="middle">
+ <td valign="middle">
+ <nobr>
+ <b><?% msg.tv_interval %?></b>
+ <select name="Seconds" size="1" onChange="v_changeInterval(this.options[this.selectedIndex].value)">
+ <option value="0"><?% msg.c_off %?></option>
+ <option value="1"> 1 <?% msg.c_sec %?></option>
+ <option value="2"> 2 <?% msg.c_sec %?></option>
+ <option value="3"> 3 <?% msg.c_sec %?></option>
+ <option value="5" selected> 5 <?% msg.c_sec %?></option>
+ <option value="10">10 <?% msg.c_sec %?></option>
+ <option value="30">30 <?% msg.c_sec %?></option>
+ <option value="60">60 <?% msg.c_sec %?></option>
+ </select>
+ <input type="button" name="livebild" value='<?% msg.tv_g %?>' title="<?% msg.tv_grab %?>" onClick="WebcamUpdate()">
+ &nbsp;&nbsp;<b><?% msg.tv_size %?></b>
+ <select name="Size" size="1" onChange="v_changeSize(this.options[this.selectedIndex].value)">
+ <option value="full">1:1</option>
+ <option value="half" selected>1:2</option>
+ <option value="quarter">1:4</option>
+ </select>
+ <input type="button" name="livebild" value='<?% msg.tv_g %?>' title="<?% msg.tv_grab %?>" onClick="WebcamUpdate()">
+ </nobr>
+ </td>
+ <td colspan="2">&nbsp;</td>
+ </tr>
+ </table>
+ </form>
+</body>
+</html>