WebCam einbinden? Wie?

  • Hallo,

    ich suche für mein Blog eine Möglichkeit eine WebCam einzubinden.
    Die WebCam schiebt alle 5 Sekunden ein neues Bild auf den Server. (Immer mit dem selben Namen, also überschreibt das alte.)

    Dieses Bild soll im Blog in der rechten Leiste angezeigt werden und sich möglichst selber neu laden. Mit einem Klick auf das Bild, soll eine dazugehörige Page geöffnet werden, wo ich das Bild in voller größe sehe. Auch hier sollte sich das Bild von selbst neu laden. Dann wäre es noch schön, wenn dem Bild Daum und Uhrzeit als Caption zugefügt werden könnte.

    So viele Wünsche auf einmal... :) Hoffenltich kann mir jemand ein paar Tips geben.

    Ich bin allerdings was WordPress angeht noch recht unerfahren kenn mich dafür aber mit PHP und HTML ganz gut aus.

    gruß
    Santo.

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Die paar Zeilen, mit denen es hier problemlos funktioniert, bekomme ich einfach nicht unter Wordpress zum laufen.

    Wer kann mir helfen ?

    ---------------------

    img SRC="http://www.huehnercam.de/CamBilder/Stall1/Stall_R_320.jpg" name="camimage" width="640" height="240">
    <script language="JavaScript">
    var imageUrl= document.camimage.src;
    var random = new Date().getTime();
    var delay = 5 // update delay in seconds
    var counter = 0;
    var buffer = new Image;
    function DisplayImage() {
    document.camimage.src = buffer.src;
    LoadNextImage();
    }
    function LoadBuffer () {
    var trickname = imageUrl;
    ++counter;
    trickname += "?counter=" + (random + counter);
    buffer.src = trickname;
    buffer.onload = DisplayImage;
    }
    function LoadNextImage() {
    setTimeout("LoadBuffer()", 1000*delay);
    }
    LoadNextImage();
    </script>

    -----------------------

    Chicken

  • Mal ganz blöd gefragt.

    Warum alle 5sek. ein Bild? Ich hab bei mir einen Stream eingebunden. Meine Cam streamt das Bild an Camstreams.com über ein kleines Programm was aufm Rechner ist und das kann ich dann wiederum im Blog als Beitrag/Seite einbinden.

    Aktuell zwar Offline weil keine Cam, aber hier das Ergebnis Lars … » Webcam «

  • Lars_oha

    - Weil meine 3 Webcams nicht streamen.
    - Weil es bisher so auch geht.

    Und schon stellt sich mir die Frage, wie ich wpcam für drei Webcams einrichten kann ?
    Da gibts nur eine Zeile, mehrere Cams kann man da nicht eintragen.:confused:

    Chicken

  • Lars_oha: Meine Cam kann auch nur Bilder hochladen. Und Programm auf dem Rechner kommt nicht in Frage, ich will ja nicht immer den Rechner anhaben. Die Webcam kann das uploaden ja alleine.

    Chicken Das Script welches ich weiter oben angegeben habe, hat eine Version um mehrere Cams zu betreiben. Hab ich mir aber nicht näher angeschaut, da ich nur eine hab.

  • Seltsamerweise funktioniert mein obiges Script problemlos, wenn ich in den Widgets einen Text in der Sidebar anlege und das Script reinkopiere. :confused:

    Wie bekomme ich das Script aber in eine Seite oder einen Artikel ?
    Wenn ich es als html einfüge, wird das Bild angezeigt, aber nicht aktualisiert.

    Chicken

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!