diff options
Diffstat (limited to 'template/default/tv.html')
-rw-r--r-- | template/default/tv.html | 200 |
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"> </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()"> + <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"> </td> + </tr> + </table> + </form> +</body> +</html> |