Missing PHP/HTML/AJAX code for webcam image display
$10-30 USD
Avslutat
Publicerad nästan sex år sedan
$10-30 USD
Betalning vid leverans
I have a webcam that uploads images with random names every 3 seconds. I need 3 things:
1) Find second newest image (not newest as sometimes this isn't fully uploaded when it is fetched). This then must be updated every 3 seconds while website is open - without web page refreshing, only image. Timestamp showing date and time image was created in GMT to be included under image.
2) Create looping animation of previous 60 newest JPG images (from oldest to newest) at a speed of 3 images per second
3) Display 60 newest images from oldest to newest in a list . Timestamp showing date and time image was created in GMT to be included under each image.
Code to help:
I have used this PHP to find the newest image - but not the second newest image:
<?php
$base_url = 'page/images';
$newest_mtime = 0;
$show_file = 'page/images/[login to view URL]';
if ($handle = opendir($base_url)) {
while (false !== ($latestFile = readdir($handle))) {
if (($latestFile != '.') && ($latestFile != '..') && ($latestFile != '.htaccess')) {
$mtime = filemtime("$base_url/$latestFile");
if ($mtime > $newest_mtime) {
$newest_mtime = $mtime;
$show_file = "page/images/$latestFile";
}
}
}
}
echo '<img src="' .$show_file. '" alt="Latest from the web">';
?>
Also I made this loop when the image was always update with the same name, this doesn't;t work now that images have random names:
<table>
<tbody>
<tr>
<td align=”center”><img src=”[login to view URL] alt=”Image will refresh every 0 Minutes 5 Seconds” width=”640″ height=”480″ name=”tcimage0″ border=”1″ /></td>
</tr>
<tr>
<td>This is my webcam…</td>
</tr>
</tbody>
</table>
<script type=”text/javascript” language=”JavaScript”>// <![CDATA[
var tcimages = new Array();
tcimages[0] = “[login to view URL]”;
interval = 5000;
function Refresh() {
for (i=0; i<=0; i++) { tmp = new Date(); tmp = “?” + [login to view URL](); [login to view URL][“tcimage” + i].src = tcimages[i] + tmp; } setTimeout(“Refresh()”, interval); } Refresh();
// ]]></script>
</tbody>
</table>
I know my bid is over, much over your budget, but I know the work which it implicates, so this is my bid, I know perfectly how to help you if you AR interested, please let me know,.
I'm Software Engineer expert in web development.
Regards Giovanni
Greetings,
I was thinking of doing this in Node.JS in order to be able to send the real-time updated frames to the browser via websockets but if you prefer it's totally possible with a PHP back-end being polled by the client every 3 seconds.
I can assure readable and maintainable code that will be easy to extend in the future. You might for example want to add a redis or mysql database to keep track of the data in a more scalable way.
I am available in chat if you feel like discussing this project with me.