Como exibir um arquivo de imagem em constante mudança em um navegador sem atualização de cintilação?

Question

Mar 25, 2011, 11:04 PM

Como exibir um arquivo de imagem em constante mudança em um navegador sem atualização de cintilação?

Estou exibindo uma imagem (de um arquivo) no navegador usando html ... Tenho outro programa que continua tirando uma captura de tela da minha tela e armazenando-a como um arquivo de imagem "image.jpeg". Estou exibindo esta imagem no navegador periodicamente usando setTimeout. No entanto, a imagem não está mudando no navegador ..

Aqui está o meu código ... Eu usei um objeto Image para que uma nova imagem seja carregada toda vez que a função javascript for executada, no entanto, isso não parece estar funcionando ...

<html>

<head>

<script type="text/JavaScript">

var x=0, y=0;
var canvas, context, img;

function timedRefresh(timeoutPeriod)
{
    canvas = document.getElementById("x");
    context = canvas.getContext("2d");
    img = new Image();
    img.src = "image.jpeg";
    context.drawImage(img, x, y);
    x+=20; y+=20;
    //img.destroy();
    setTimeout("timedRefresh(1000)",timeoutPeriod);
}

</script>

<title>JavaScript Refresh Example</title>

</head>

<body onload="JavaScript:timedRefresh(1000);">

<canvas id="x" width="600" height="600" />

</body>
</html>