Das Webcam-Portal für die Schweiz seit 1999....
  Webcam-Verzeichnis:
 Webcam-Suche
 Ihre Webcam
 kostenlos eintragen
Landesauswahl:
- -
-------------
--------------------------------
 Webcam-Lösungen:
 Wir beraten Sie
 Chat & Messenger
 USB-Webcams
 Panorama-Webcams
 Baustellen-Webcams
 Videoüberwachung
 Netzwerkkameras
 WLAN-Kameras
 ISDN-Kameras
 Indoor-Kameras
 Outdoor-Kameras
 steuerbare Webcams
 Livestreaming  Webcams
 Nachtsicht Kameras
 Events- & Messe Webcams
 Car-Blackbox-Cams
 Webcam-Hosting
-
 Workshop:
 Ihre Webcam online
 Standortfrage:
 Was ist erlaubt?
 Welche Hardware?
 Welche Software?
 DSL, UMTS, ISDN?
 Einbau Homepage
 Hosting-Provider
 Youtube & Co Videos
 Video-Chat
 Die Geschichte der 
 der Webcams
-
 Ihr Wetter online:
 So geht's
 Wetterstationen
 Wetter-Software
 Wetter-Webcams
-
 Produkte:
 Mobotix Kameras
 Axis Kameras
 Abus Security Kameras
 LevelOne Kameras
 Instar Kameras
 Logitech-Webcams
 Visiondrive Car-Kameras
--
 Webcam Online-Shop:
 Webcams Schnäppchen
 USB-Webcams Übersicht:
 Microsoft Webcams
 Logitech Webcams
 Trust Webcams
 Creative Webcams
 Logilink Webcams
 Labtec Webcams
 Hercules Webcams
 Philips Webcams
 
 LAN IP-Kameras Übersicht:
 INSTAR IP-Kameras TOP!
 Axis IP-Kameras
 Abus IP-Kameras
 TrendNet IP-Kameras
 Digitus IP-Kameras
 Logilink IP-Kameras
 König IP-Kameras
 LevelOne IP-Kameras
 Linksys IP-Kameras
 Panasonic IP-Kameras
 Hama IP-Kameras
 D-Link IP-Kameras
 
 Mobotix Übersicht:
 Mobotix Allround M24
 Mobotix DualNight M12
 Mobotix MonoDome D24
 Mobotix DualDome D14
 Mobotix Hemispheric Q24
 Mobotix Vandalism V12
 Mobotix Türstation T24
 Mobotix Zubehör
 
 WLAN Netzwerkameras:
 INSTAR WLAN-Cams TOP!
 Axis Wlan-Kameras
 LevelOne Wlan-Kameras
 Hama Wlan-Kameras
 Abus Wlan-Kameras
 Wetterstationen Übersicht:
 Oregon Scientific
 Oregon Scientific Ersatz 
 & Zusatz-Sensoren
 TFA Dostmann
 Wetterstationen mit 
 PC-Auswertung
 Über diesen aStore 
 Lieferinfos
 AGB's & Impressum
--
 Informationen
 Bannerexchange
 Für Webmaster
 Kontakt & Impressum
 Datenschutzhinweis
 AGB's
----
Webseite durchsuchen
Benutzerdefinierte Suche 
----
 VS-Webcam.de
-
 Gewitter online

Gewitter online verfolgen!
-
 Ihr eigenes Live-Wetter

Live-Wetter-Software


Wetterstations-Center.de

Einbau des Webcams-Bild auf der Homepage...
Wenn die Webcam erfolgreich installiert ist und regelmäßig das gewünschte Bild auf den Server überträgt, muss nun nur noch das Webcam-Bild auf der eigenen Homepage eingebunden werden.
  • Einfacher Bildeinbau
  • Automatischer Refresh des Bildes
  • Java-Script zum automatischen Bildrefresh
  • Zeitraffer der Webcambilder-History auf dem Server
  • Live-Video
  • Einfacher Bildeinbau
    Am einfachsten läßt sich das Webcam-Bild als normales Bild auf der Homepage einbauen.
    Jedoch wird dann das Bild nicht automatisch neu geladen bzw. kann ein altes Bild im Cache des Browsers oder eines Proxyservers verbleiben. Dann muss der Besucher die Seite per Hand neu laden.

    <html>
    <img SRC="webcambild.jpg" NOSAVE height=30 width=300>
    </html>
    Automatischer Refresh des Bildes
    Die oben genannte Lösung läßt sich durch die Verwendung von sogn. Meta-Befehlen auf reiner HTML-Basis mit einem automatischen Reload erweitern.
    Bauen Sie dazu den unteren Code ein.
    Die 120 gibt in diesem Beispiel die Anzahl der Sekunden an, bis die Seite wieder neu geladen wird.
    Der no-cache-Befehl sorgt dafür, das die Seite nicht vom Browser-Cache zwischengespeichert wird.

     
    <html>

    <head>
    <meta http-equiv="Refresh" content="120">
    <meta http-equiv="Pragma" content="no-cache">
    <title>
    </head>

    <body>
    <img src="webcambild.jpg" width="300" heigth="200">
    </body>

    </html>
     

    Java-Script zum automatischen Refresh des Bildes
    Diese Script wurde vom Media2000-Computer-Club entwickelt.
    Es hat die selbe Wirkung wie das untenstehende JAVA-Applet, da auch hier nur das Bild und nicht wie oben die ganze Seite neu geladen werden muss. Sie müssen hier lediglich den Namens-Pfad Ihres Webcambildes (hier ihr-webcambild.jpg) und die Zeit in Millisekunden (hier 3000 = 3 Sekunden) abändern, wann das Bild neu geladen werden soll.

    DEMO: Sehen Sie hier wie das Applet arbeitet: VS-Webcam.de

     
    <HTML>
    <HEAD>
    <TITLE>
    <meta http-equiv="Pragma" content="no-cache">

    <SCRIPT LANGUAGE="Javascript"
     function reloadCam()
      {reload = new Date();
       reload = "?"+reload.getTime()
       document.images["webcambild"].src = "ihr-webcambild.jpg"+reload
       setTimeout("reloadCam()", 3000) // zeit-in-ms 
    }
    //--

    </HEAD>
    <BODY BGCOLOR="#FFFFFF">
    <center> <img scr="ihr-webcambild.jpg" BORDER=0>
    <SCRIPT LANGUAGE="Javascript">
    <!--
    reloadCam();
    //-->
    <BR>
    </body>
    </HTML>

     
    Zeitraffer der Webcambilder-History auf dem Server

    Wenn Sie in einer Netzwerkkamera die Historyfunktion aktiviert haben, erstellt diese auf dem Server eine Rückschau auf die letzten Bilder.
    Nun können Sie diese mit folgenden Java-Script als fortlaufenden Zeitraffer (ähnlich einem Daumenkino),
    Ihren Besuchern vorführen.

    Bauen Sie dazu folgende Quellcode zwischen 

       
       <SCRIPT LANGUAGE="JavaScript">
       function makeArray() {
               this.length = makeArray.arguments.length
               for (var i = 0; i < this.length; i++) this[i+1] = makeArray.arguments[i]
       }
       var teams = new makeArray ("webcam.1.jpg", "webcamy.0.jpg", "webcam.jpg");
       var eatMe = 1;
       function flipper() {
               document.form.image.src = teams[eatMe];
               eatMe += 1;
               if (eatMe == 4) eatMe = 1;
                       setTimeout("flipper()", 2000);
       }
       </SCRIPT>

      Die kursiv gedruckten Parameter können Sie Ihren Wünschen anpassen. Die 4 ist die Gesamtzahl der anzeigbaren Bilder zuzüglich Einem. zb: 5 Bilder = 6, 10 Bilder = 11

      Fügen Sie außerdem in die Body-Zeile folgendes ein:

       <body onLoad="flipper()">
       

      An der gewünschten Stelle wo später das Bild erscheinen soll, fügen Sie noch diese letzten Zeilen ein:
       

       <form name="form">
       <IMG name=image border=0 SRC = "webcam.1.jpg">
       

    Live-Video

    Real-Video also,  bewegte Bilder wünschen sich sehr viele Webcam-Betreiber.
    Hierzu haben sich Streamingfähige Netzwerk-Kameras bewährt..
    Weitere Infos zu Streaming-Cams....
     
     

    -
    --
    --
    -
    -
    Ein Angebot  von FFS.net Communications Villingen-Schwenningen © 1999-2013
    Besuchen Sie auch: Webcam-Center.at - Webcam-Center.de - Blitz-Radar.de - Wetterstations-Center.de - Weather-Display.de - VS-Webcam.de - GdHM.de