Bau einer Foto Webcam

[curtis]

Liebe Leute,

Ich baue mir gerade alles schritt für schritt auf und hab es mir in den Kopf gesetzt eine Foto-Webcam zu bauen,
Nämlich die hier: https://www.foto-webcam.eu/ Wie ich finde Konkurenzlos, und bringt die besten ergebnisse.
Hätte auch schon Ideen und Ansätze zu einer einfacheren Steuerung da es den WLAN-Router ja nicht mehr gibt.
Die Technik ist momentan nicht das Problem...

Leider ist mein Wissen auf dem Bereich Web / Server eher Basiswissen, somit scheitere ich an der PHP Page.
Die Page sieht nach einfügen ins Verzeichnis so aus:


Ich komme nicht weiter....
Hat jemand schon eine in eigenregie gebaut und kann eventuell unterstützen ?

[Gyvate]

nein, die Fotos bei foto-webcam.eu sind sichtbar - das eingefügte Bild nicht - wurde wohl nicht angefügt (oder war zu groß und das Anfügen scheiterte vom Benutzer unbemerkt - die Beschränkung der Forum-Software auf 256 KB ist grenzweritg - 512 KB wie in anderen Foren wäre angemessener - muss ich mal an der passenden Stelle einkippen).

Aber man muss diese Lösung, die ,so glaube ich zu erinnern, hier im Forum bereits vorgestellt wurde, auch lieben, wollen und bereit sein, in die Hardware (Kamera !!) nicht unerheblich zu investieren. Und die hat auch nur eine begrenzte Lebensdauer.

Das ist dann m.E. mehr Hochqualitätslandschaftsfotografie oder Nachthimmelfotografie und weniger eine Wetter-WebCam. Obwohl natürlich alles (=jede Kamera), was (die) über ein Netzwerk gesteuert wird, heute WebCam heisst.
Mir jedenfalls genügen die Bilder meiner 2 MP/5 MP IP-Cams (Überwachungs-WebCams) als Wetter-Kameras und bilden die Wetterphänomene hinreichend gut ab.

Bitte nicht missverstehen. Das ist bestimmt eine gute Lösung für Liebhaber.

Und zur Verarbeitung der Bilder gibt es unterschiedliche Ansätze und Lösungen. Und geht auch je nach Lösung (fast) ohne PHP.

Auf den verlinkten Webseiten wird ja eine funktionierende Lösung angeboten. Allerdings wirst Du ohne etwas tiefer in Linux und die Funktionalität eines Webservers (das ist nicht der Server, auf dem die Website (=Webpräsenz; ungleich Webseite) installiert ist, sondern ein Programm/Service/Dienst, der auf dem Rechner/Server läuft und die Präsentation via http/https ermöglicht - wird wegen der unscharfen Benutzung des Begriffs "Webserver" oft verwechselt) einzusteigen, da nicht viel weiter kommen.

Auf den ersten Blick sind die Anweisungen auf den foto-webcam.eu Seiten, bei genügenden Linux-Kenntnissen und Verständnis der Betriebssystemkomponenten, hinreichend und sollten bei Abarbeitung der Seiten funktionieren.
Es muss halt viel selbst gestrickt werden, was bei den IP-Überwachungskameras Kameras integriert ist - z.B. das Anfertigen von Snapshots (Bildern), eine Zeitprogrammierung, die Ablage auf einem Server (z.B. RasPi) via NFS oder FTP ...

Vielleicht einfach nochmal die Abbildung einfügen - ggf. vorher auf <= 256 KB "einschrumpfen".

Und es wäre gut zu wissen, was Du bereits alles gemacht hast ... - die Darstellung auf einer Webseite ist ja das Ende einer langen Liste. Und was meinst Du genau mit "PHP Page" ? Ein oder mehrere PHP Skripte ? Oder eine Webseite, die via PHP Skript erzeugt wurde ? Was genau soll denn welches Skript (Inhalt) erzeugen ?

[curtis]

Verzeihung die Bildergröße war mir nicht bewusst....
habs jetzt so eingebunden, und dürfte jetzt für jeden sichtbar sein.

Der Aufwand bzw die Kosten und Risiken sind mir bewusst....
Ich hab auch Basiswissen im Bereich Web und Linux aber leider eben nur Basiswissen.
Ich lerne gerne aus meinen Aufgaben, da ich ansonsten verroste im Alter, daher kann das ganze gern ein intensiveres Projekt werden.

Daher entstand die Idee einer Wetterstation mit Bild und das ganze natürlich von Unterwegs einsehbar.
Das ich im Background so auch meine Wohnung mitüberwache und sehe ob alles trocken und nicht gefroren ist ist ein positiver Effekt.

Die Hardware zum abspeichern sowie FTP Website Domain usw ist alles vorhanden und läuft bereits.
Denoch hab ich anscheinend ein Problem bei der index.php bereits.
habe sie so wie sie ist ins www Verzeichnis geworfen wie immer.
jedoch scheint es hier irgendwo Probleme zu geben.
Das war auch mal das erste was ich begonnen habe.
Den Webserver "Testweise" mit den html docs die beigelegt sind hochgeladen und versucht die index.php abzurufen.

Vielen Dank schon mal,
Lg

[Gyvate]

also, das PHP-Skript ist auf jeden Fall unvollständig:
es muss mit
"<?php" (ohne "") beginnen, und der erste Code-Text kann nicht Übersicht" sein.
Da fehlt also etwas ...
Das Ende ist ja da: "?>" ohne "".
So kann das der PHP-Prozessor nicht darstellen.

[curtis]

also, das PHP-Skript ist auf jeden Fall unvollständig:
es muss mit
"<?php" (ohne "") beginnen, und der erste Code-Text kann nicht Übersicht" sein.
Da fehlt also etwas ...
Das Ende ist ja da: "?>" ohne "".
So kann das der PHP-Prozessor nicht darstellen.

Gyvate, vielen Dank für deine Hilfe.

Das Bild zeigt den Aufruf im Browser, ich habe mal versucht das original PHP File anzuhängen. wie es original von foto-webcam im zip ist.

Code: Alles auswählen

<?php
// --------------------------------------------------------------------------
// Foto-Webcam.eu
// Main page
//
// Flori Radlherr, http://www.radlherr.de
// This is free software, see COPYING for details.
// --------------------------------------------------------------------------
//
require($_SERVER['DOCUMENT_ROOT']."/include/navigation.php");
navDataPrepare("Webcam-Übersicht", "Webcam<br>Übersicht", "", 
     "foto-webcam,dslr");
echo navBeginHeader();
echo navHeaderData();
echo navEndHeader();
echo navLeftBar();
echo navBeginContent(true);

$webcamInclude= $navData['webcamInclude'];
$w=400;
$h=floor(($w/16)*9);
echo("
<script language='JavaScript' src='$webcamInclude/jquery.lazyload.min.js'>
</script>
<style>
  a.wcovlink {
    max-height: ${h}px;
    overflow: hidden;
    color: black;
    text-decoration: none;
    margin: 0;
    margin-bottom: 1px;
    margin-right: 1px;
    padding: 0;
  }
  .wcovlink {
    display: inline-block;
    width: ${w}px;
  }
  .wcovimg {
    width: 400px;
    min-width: 400px;
    min-height: 225px;
  }
  .wcovcont {
    width: 400px;
    min-width: 400px;
    min-height: 225px;
    display: none;
  }
</style>
<div style='margin-top:10px'></div>
");

$num= 0;
foreach ($webcam['overview'] as $cam) {
  $name= $cam[0];
  $current= $cam[1];
  $link= $cam[2];
  $title= $cam[3];
  if ($current === null) {
    $current= $webcam['uri']."/$name/current";
    if (filemtime($_SERVER['DOCUMENT_ROOT']."$current/400.jpg")<time()-18000) {
      continue;
    }
  }
  $current= preg_replace("#/$#", "", $current);
  if ($link === null) {
    $link= $webcam['uri']."/$name/";
  }
  $num++;
  $lazy= "";
  if ($num>12) {
    $lazy= "'$webcamInclude/trans.png' data-original=";
  }
  echo "<a class='wcovlink' href='$link' title='$title'>".
    "<img src=$lazy'$current/400.jpg' class='wcovcont'>".
    "<noscript><img src='$current/400.jpg' class='wcovimg'></noscript></a>\n";
}
if (isset($webcam['extOverview'])) {
  echo
    "<div class='menu menu-norm' style='margin-top:5px;margin-bottom:5px;'>".
    "Foto-Webcams von anderen Betreibern mit ähnlicher Technik:".
    "</div>";
  foreach ($webcam['extOverview'] as $cam) {
    $name= $cam[0];
    $current= $cam[1];
    $link= $cam[2];
    $title= $cam[3];
    $current= preg_replace("#/$#", "", $current);
    echo
      "<a class='wcovlink' target='_blank' href='$link' title='$title'>".
      "<img src='$webcamInclude/trans.png' ".
      "data-original='$current/400.jpg' class='wcovcont'>".
      "<noscript><img src='$current/400.jpg' class='wcovimg'></noscript></a>\n";
  }
}
?>
<script>

// Auto-Update der Bilder
$(document).ready(function() {
  setInterval(function() {
    var thisMinute= (new Date().getMinutes())%10;
    if (thisMinute == 5) {
      $(".wcovimg").each(function(img) {
        var src= $(this).attr("src");
        if (! src.match(/trans.png/)) {
          src= src.replace(/\?.*$/, "");
          src+= "?"+new Date().getTime();
          $(this).attr("src", src);
        }
      });
    }
  }, 60000);
  $(".wcovcont").addClass("wcovimg");
  $(".wcovcont").fadeIn(800);
  //$(".wcovcont").lazyload({effect : "fadeIn"});
  setTimeout(function() {
    $(".wcovcont").lazyload({effect : "fadeIn"});
  }, 100);
});
</script>
<div class='menu menu-norm' style='margin-top: 5px;'>
Webcam-Bilder für Smartphones optimiert: <a href="/m/">foto-webcam.eu/m</a>
</div>
<br>
<? navEnd(); ?>