Datum & Uhrzeit zum Bild einbinden?

Hallo zusammen,

ich bin neu hier und habe seit kurzem die Instar In-2905. Ich würde gerne, wenn ich FTP-Upload einstelle, ein Datum und die Uhrzeit des letzten Bild-Uploads mit auf die Seite einbinden, damit man sehen kann von wann das Bild ist. Würde bei jedem Upload die Seite aktualisiert wäre das ja kein Problem, aber da sich ja nur das Bild ändert weiß ich nicht wie ich das machen soll. Hat jemand eine Idee?

Gruß Andreas

Hallo,

ich warte auch noch auf die ultimative Lösung für die Anzeige von Datum und Uhrzeit im Bild.

Für mich lasse ich als Workaround das Webcambild meiner 3001 optional in einem neuen Fenster öffnen.
Dieses Fenster wird mittels Meta refresh alle paar Sekunden aktualisiert.
Unter dem Bild wird mittels php (filemtime) Uhrzeit und Datum des letzten uploads des Webcambildes eingeblendet.
Zusätzlich filtere ich noch die unvollständigen bzw. defekten Bilder aus (Meine Bandbreite ist nicht so toll und da werden schon mal halbe Bilder hochgeladen).

Damit kann ich zur Zeit leben, auch wenn es noch nicht die optimale Lösung ist.
In der Praxis sieht das so aus: piepshows.de

Unter dem Livebild befindet sich der Link zum öffnen des separaten Fensters:

Webcam im separaten Fenster öffnen(Mit Datum und Uhrzeit des letzten Bildes)

Ist jetzt keine Profilösung (bin kein Webprogrammierer), für meine Ansprüche genügt es aber vorerst. Ich benötige lediglich eine Kontrolle, ob die Cam noch Bilder hochlädt.

Zur Zeit wird alle 30 Sekunden ein neues Bild hochgeladen.

Bei Bedarf kann ich auch denn Quelltext hier einstellen.
Es sind nur wenige Zeilen, ich müsste allerdings noch Kommentare dazu schreiben (Ein Programmierer wird bei dem Gefrickel vermutlich den Kopf schütteln :wink: ).

Gruß

Thomas

P.S.: Sobald es draußen dunkel wird, kommt die Meise nach Hause und es kommt etwas Bewegung ins Bild.

Servus exvos,

zur Website und Datum/Uhrzeit kann ich leider nix beitragen - keine Ahnung,
aber für mich ist das Bild und der frierende Pieper ziemlich unscharf.

gruss

Update :slight_smile:
Ich habe jetzt das Fenster mit dem php Script als iframe in die Website eingebunden.
Jetzt werden Datum und Uhrzeit auch dort aktualisiert und zusätzlich habe ich noch eine Funktion dazu gebastelt, die nach 10 Minuten ohne upload einen „Webcam ist offline“ Hinweis ausgibt.

Sieht jetzt so aus: http://piepshows.de

Das Bild wird von einer IN3001 alle 30 Sekunden per FTP hochgeladen.

Hallo Thomas (exvos),

ich würde gerne auf dein Angebot zurück kommen, den Quelltext deinen PHP Scriptes hier zu posten. Habe das gleiche Problem wire du mit dem Datum und Uhrzeit des aktuellen Bildes…

Vielen Dank im Voraus

Thomas

Hallo,

du kannst dir das Script direkt von meiner Homepage herunterladen:

http://piepshows.homepage.t-online.de/wordpress/?p=602

So sieht der Code aus:

<html><head>
<meta http-equiv=”content-type” content=”text/html; charset=ISO-8859-1″>
<meta http-equiv=”refresh” content=”5″> <!– Seitenrefresh alle 5 Sekunden –>
<title>Nistkastencam</title>
</head><body>
<?php
$filename = ‘cam.jpg’;// Das per FTP hochgeladene Bild
$leakt = filemtime($filename);// Zeitstempel des zuletzt hochgeladenen Bildes
$zeitver = 0;// Zeitversatz des Servers in Sekunden
$bild = getimagesize($filename);// auslesen der Bildinformationen
$offline = (time() – $leakt);// Zeit in Sekunden seit letztem upload
if (file_exists($filename)) { // Prüfung ob Uploaddatei vorhanden
if (filesize($filename) > 20000) { // Dateigröße in Byte prüfen
if (($bild[0] == 640) and ($bild[1] == 480)) { // Bildbreite und Höhe prüfen
copy(“cam.jpg”,”cache.jpg”); // Neue Bilddatei anlegen
}
}
}
echo ‘<IMG src=”cache.jpg” width=”640″ height=”480″ border=”1″><br>’; // Bild anzeigen
echo “Letzte Livebild Aktualisierung: ” . date (“d F Y H:i:s”, ($leakt + $zeitver)); // Datum u. Uhrzeit
if ($offline < 600) // Bei über 600 Sekunden seit upload auf offline
{
echo “<font color=’#008000′>        Webcam ist online</font>”;
}
else
{
echo “<font color=’#FF0000′>        Webcam ist offline</font>”;
}
?>
</body>
</html>

Gruß

Thomas

Mit folgendem PHP-Code kannst du den Zeitstempel (oder was auch immer) direkt in das Bild schreiben:

<?php
  $filename = "cam.jpg";                                                  // Name des Bilds
  $picture = imagecreatefromjpeg($filename);                              // Kopie des Bilds in den Speicher laden
  $timestamp = date ("d.m.Y H:i:s", filemtime($filename));                // Zeitstempel des Bilds auslesen
  $color = imagecolorallocate ($picture, 0, 0, 0);                        // Schwarz
  imagettftext($picture, 10, 0, 11, 21, $color, 'arial.ttf', $timestamp); // Zeitstempel oben links ins Bild schreiben
  $color = imagecolorallocate ($picture, 255, 255, 255);                  // Weiß
  imagettftext($picture, 10, 0, 10, 20, $color, 'arial.ttf', $timestamp); // Zeitstempel nochmal um einen Pixel versetzt schreiben
  imagejpeg ($picture, 'cache.jpg');                                      // Bild speichern
?>

Ich mache das in diesem Beispiel zweimal, erst in schwarz und dann nochmal um einen Pixel nach links und oben versetzt in weiß. Das ergibt einen Schatteneffekt, der die Schrift auf hellen Hintergründen besser lesbar macht. Falls sich der Hintergrund nicht ändert, kann man die Farbe natürlich auch gleich passend wählen, um einen guten Kontrast zu erreichen.

Die Schriftart „Arial“ (jede andere geht natürlich auch) muss im gleichen Verzeichnis liegen wie das Script und die Rechte des Ordners sollten auf „777“ gesetzt sein, damit der PHP-Interpreter dort reinschreiben darf.

Gruß
Manfred

Mit Javascript… (wenn PHP nicht auf dem Server verfügbar):
siehe http://www.dynamicdrive.com/forums/archive/index.php/t-9510.html

<html>
<head>
<title>Last Modified</title>
<script type=„text/javascript“>
function getLastMod(){
var myFrm = document.getElementById(‚myIframe‘);
var lastModif = new Date(myFrm.contentWindow.document.lastModified);
document.getElementById(‚LastModified‘).innerHTML = "Letzter Upload: " + lastModif.toLocaleString();
}
</script>
</head>
<body>
<span id=„LastModified“></span><br>

<iframe id=„myIframe“ onload=„getLastMod()“ src=„cam.jpg“ width=„660“ height=„500“>
</iframe>

</body>
</html>