Missing PHP/HTML/AJAX code for webcam image display

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>

Kĩ năng: AJAX, HTML, HTML5, Javascript, PHP

Xem nhiều hơn: ajax image upload jquery php example, display image using ajax php, html5 capture image from camera, php html css ajax mysql, php html mail code, php mysql ajax survey code questionnaire, php code webcam, multiple file upload php html ajax, code project site design php html, form fix page code php html, php mysql ajax html css, php html ajax, display barcodenumber image page php html, display paging javascript ajax php html page, dropdown display image php mysql ajax, php html ajax page, php html ajax css

ID dự án: #17213784