Herramientas de usuario
informatica:universia:camara
Diferencias
Muestra las diferencias entre dos versiones de la página.
|
informatica:universia:camara [2008/05/30 09:09] mapardal creado |
informatica:universia:camara [2017/10/10 16:12] |
||
|---|---|---|---|
| Línea 1: | Línea 1: | ||
| - | ====== Cámara Sala Universia en vivo ====== | ||
| - | <html> | ||
| - | <head> | ||
| - | <script language="javascript"> | ||
| - | var univ_updateTime = 5000; | ||
| - | var univ_urlFoto = 'http://www.unicen.edu.ar:53000' | ||
| - | //var univ_urlFoto = 'http://192.168.165.10:53000' | ||
| - | |||
| - | var univ_hasLaunched = 0; | ||
| - | var univ_timerId = 0; | ||
| - | |||
| - | function univ_updateFoto(url) { | ||
| - | univ_syncTimer = 1; | ||
| - | document.getElementById('fotoSala').src = url + '/frame' + univ_timerId + '.jpeg'; | ||
| - | univ_launchTimer(); | ||
| - | } | ||
| - | |||
| - | function univ_launchTimer() { | ||
| - | if (univ_hasLaunched) { | ||
| - | univ_timerId = setTimeout('univ_updateFoto(univ_urlFoto)', univ_updateTime); | ||
| - | } | ||
| - | } | ||
| - | function univ_startTimer() { | ||
| - | if (!univ_hasLaunched) { | ||
| - | univ_hasLaunched = 1; | ||
| - | univ_updateFoto(univ_urlFoto); | ||
| - | univ_updateTimer(); | ||
| - | } | ||
| - | } | ||
| - | function univ_stopTimer() { | ||
| - | if (univ_hasLaunched) { | ||
| - | clearTimeout(univ_timerId); | ||
| - | univ_hasLaunched = 0; | ||
| - | } | ||
| - | } | ||
| - | function univ_setUpdateTime() { | ||
| - | univ_updateTime = document.getElementById('updateTiming').value; | ||
| - | } | ||
| - | |||
| - | var univ_countDown = 999; | ||
| - | var univ_timerId_seg = 0; | ||
| - | var univ_syncTimer = 0; | ||
| - | function univ_updateTimer() { | ||
| - | if (univ_hasLaunched) { | ||
| - | if (univ_syncTimer) { | ||
| - | univ_syncTimer = 0; | ||
| - | univ_countDown = univ_updateTime / 1000; | ||
| - | } | ||
| - | document.getElementById('timer').textContent = 'Siguiente Actualización en: ' + univ_countDown + ' seg'; | ||
| - | univ_countDown--; | ||
| - | univ_timerId_seg = setTimeout('univ_updateTimer()', 1000); | ||
| - | } else { | ||
| - | clearTimeout(univ_timerId_seg); | ||
| - | document.getElementById('timer').textContent = ''; | ||
| - | } | ||
| - | } | ||
| - | </script> | ||
| - | <!-- InstanceParam name="hayfoto" type="boolean" value="false" --> | ||
| - | </head> | ||
| - | <body padding="0" class="texto" onLoad="cargar_camino()"> | ||
| - | <tr> | ||
| - | <td> | ||
| - | <!--Tabla con FOTO--> | ||
| - | <!--Tabla sin FOTO--> | ||
| - | <!-- InstanceBeginEditable name="contenido sin foto" --> | ||
| - | <table width="750" border="0" cellspacing="0" cellpadding="0" class="fondogris"> | ||
| - | <tr> | ||
| - | <table width="750" border="0" cellspacing="10" cellpadding="0"> | ||
| - | <tr> | ||
| - | <td height="82"> | ||
| - | <table width="730" border="0" cellspacing="5" cellpadding="0"> | ||
| - | <tr> | ||
| - | <td width="97" align="right" id="timer"><div align="right"> | ||
| - | </div></td> | ||
| - | </tr> | ||
| - | </tr> | ||
| - | <tr> | ||
| - | <td colspan="2" align="center" valign="middle"> | ||
| - | <img id="fotoSala" src="camara.jpeg" alt="Camara en Vivo" width="640" height="480"/> | ||
| - | <!-- <img id="fotoSala" src="http://www.unicen.edu.ar:53000/frame.jpeg" alt="Sala Universia" width="640" height="480"/> --> | ||
| - | <!-- <img id="fotoSala" src="http://192.168.165.10:53000/frame.jpeg" alt="Sala Universia" width="640" height="480"/> --> | ||
| - | </td> | ||
| - | </tr> | ||
| - | <tr><td colspan="2" align="center" valign="top"> | ||
| - | <form> | ||
| - | <input type="button" id="btnPlay" onClick="univ_startTimer()" value="Play"/> | ||
| - | <input type="button" id="btnStop" onClick="univ_stopTimer()" value="Stop"/> | ||
| - | Update Time: | ||
| - | <select id="updateTiming" onchange="univ_setUpdateTime()" size="1"> | ||
| - | <!-- <option value="100">100 [ms]</option> | ||
| - | <option value="200">250 [ms]</option> --> | ||
| - | <option value="500">500 [ms]</option> | ||
| - | <option value="1000">1 [seg]</option> | ||
| - | <option value="2000">2 [seg]</option> | ||
| - | <option value="5000" selected>5 [seg]</option> | ||
| - | <option value="10000">10 [seg]</option> | ||
| - | </select> | ||
| - | </form> | ||
| - | </td></tr> | ||
| - | </table></td> | ||
| - | </tr> | ||
| - | </table> | ||
| - | </td> | ||
| - | </tr> | ||
| - | </table> | ||
| - | <!-- InstanceEndEditable --> | ||
| - | </td> | ||
| - | </tr> | ||
| - | </table> | ||
| - | </td> | ||
| - | </tr> | ||
| - | <tr> | ||
| - | <td > | ||
| - | <div align="center"> | ||
| - | <script type="text/javascript" language="Javascript" > | ||
| - | //var f = fecha_actualizacion(); | ||
| - | //alert (f); | ||
| - | document.write(fecha_actualizacion()); | ||
| - | </script> | ||
| - | </span> | ||
| - | </div> | ||
| - | </td> | ||
| - | </tr> | ||
| - | </tr> | ||
| - | </table> | ||
| - | </div></td> | ||
| - | </tr> | ||
| - | </table> | ||
| - | </body> | ||
| - | <!-- InstanceEnd --> | ||
| - | </html> | ||
| - | |||
informatica/universia/camara.txt · Última modificación: 2017/10/10 16:12 (editor externo)
Herramientas de la página
