Tema: Carga de img
Ver Mensaje Individual
  #2 (permalink)  
Antiguo 17/03/2013, 06:57
Avatar de emprear
emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 10 meses
Puntos: 1567
Respuesta: Carga de img

No digamos tanto como un video, pensá que un video tiene habitualmente entre 23/30 cuadros por segundo y la captura de foros y su guardados en el disco va a insumir bastante más tiempo.
Ahora en cuanto a evitar el parpadeo, bastaría que muestres la imagen solo cuando esta se cargó
Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <title>Web Cam</title>
  5. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  6.  
  7. <script type="text/javascript">
  8. //<![CDATA[
  9. /* script */
  10. var timer;
  11. function camara(){
  12. var fecha = new Date();
  13. var ImagenPrueva = new Image();
  14. ImagenPrueva.src = "mapa.jpg?" + fecha.getTime();
  15. ImagenPrueva.onload = function(){
  16. document.getElementById('camara').src = this.src;
  17. }
  18. }
  19.  
  20. window.onload= function(){
  21.     timer = setInterval(camara, 5000);
  22. }
  23. //]]>
  24. </head>
  25. <img src="mapa.jpg" alt="camara" widht="400" height= "440" id="camara" />
  26. </div>
  27. </body>
  28. </html>

Otra cosa a considerar es como trabaja tu cámara, algunas almacena la foto siempre con el mismo nombre, otras permiten guardar varias imágenes distintas. En mi caso usa el mismo nombre y se agrega el parametro fecha.getTime() para hacer de src un nombre único y evitar recuperar una imagen de la cache en lugar de la última generada
Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.

Última edición por emprear; 17/03/2013 a las 07:22