Question

I have an image file (for example img.png) which is updated (overwritten) every 20-30ms using a java program.

Now, I want the client to be able to ‘watch’ the image as it changing (it will look like a video streaming).

I used Javascript to update the image every 20-30ms but it is not that efficient as it consumes a lot of processing power. I also tried to use Ajax and jQuery.

Any suggestions on how to improve the performance? Can I use a player like jwPlayer or Flow Player? Should I use something different and more efficient?

Thanks.

PS. I have already implemented it using JApplet but I would like to avoid that solution.

Answer 1

You can update image by appending a random string at the end.

function update(){
    $('#image').attr('src', $('#image').attr('src')+'?'+Math.random());
}

    setTimeout("update()",150);