back-end ustreamer, GPS, timelapse, and photo-refresh site working

2025-07-27 15:10:11 -07:00
parent 7496df0174
commit b740ba9991
22 changed files with 443 additions and 99 deletions
--- a/files/image_refresh_php/getImage.php
+++ b/files/image_refresh_php/getImage.php
@ -0,0 +1,22 @@
+<?php
+header("Cache-Control: no-cache, must-revalidate");
+// Path to the directory where the images are stored
+$imageDirectory = 'capture/';
+// Get the list of image files in the directory
+$imageFiles = glob($imageDirectory . '*.{jpg,jpeg,png,gif}', GLOB_BRACE);
+// If there are no image files, return a default image
+if (empty($imageFiles)) {
+    $defaultImage = 'default.jpg'; // Provide path to your default image
+    header('Content-Type: image/jpeg'); // Adjust content type if default image type is different
+    readfile($defaultImage);
+    exit;
+}
+// Sort the image files by modification time, latest first
+array_multisort(array_map('filemtime', $imageFiles), SORT_DESC, $imageFiles);
+// Get the path to the latest image file
+$latestImage = $imageFiles[0];
+// Set header type
+header('Content-Type: image/jpeg');
+// Get the image
+readfile($latestImage);
+?>
--- a/files/image_refresh_php/index.php
+++ b/files/image_refresh_php/index.php
@ -0,0 +1,17 @@
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Dynamic Image Update</title>
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+</head>
+<body>
+    <img id="refreshedImage" src="getImage.php" width="400" alt="Refreshed Image">
+    <script>
+        // Function to update the image every second using AJAX
+        setInterval(function() {
+            $('#refreshedImage').attr('src', 'getImage.php?_=' + new Date().getTime()); // Adding timestamp to avoid caching
+        }, 1000);
+    </script>
+</body>
+</html>