Unsere Webcam auf Ihre Seite einbinden

Wenn Sie möchten, können Sie unsere Webcams gerne auf Ihrer Webseite einbinden. Wir möchten Ihnen hier verschiedene Möglichkeiten vorstellen.

URL zum Webcambild

Das aktuelle Bild der Ölberg-Webcam liegt unter

http://webcam.ig-funk-siebengebirge.de/oelberg/webcam.jpg

Das aktuelle Bild der Drachenfels-Webcam finden Sie unter

http://webcam.ig-funk-siebengebirge.de/drachenfels/webcam.jpg

Diese URLs können Sie in Ihren Projekten verwenden. Zur Zeit aktualisieren wir die Bilder alle fünf Minuten. Sie haben zwei Möglichkeiten, unsere Webcams auf Ihrer Seite einzubinden:

Einbinden per Java-Script
Einbinden per Adobe-Flash

Einbinden per Java-Script

Binden Sie in den Body Ihrer HTML-Datei einfach etwas Java-Script-Code und unser Webcambild ein:

<body>
...
  <script type="text/javascript" language="JavaScript">
  // <![CDATA[
 
  // Auffrischungsintervall in Sekunden
  var refresh = 300; // 5 Minuten
  // Pfad zum Bild
  var imageURL = "";
 
  // Falls Bild nicht geladen werden konnte, später erneut versuchen
  function CamRetry() {
    setTimeout("CamLoad()", refresh*1000);
  }
 
  // Neues Bild laden
  function CamLoad() {
    if (imageURL == "") imageURL = document.images.webcam.src;
    // Zeitstempel holen
    var timestamp = new Date();
    timestamp = "?" + timestamp.getTime();
    // Zeitstempel an Bild-URL anfügen, um Bild neuzuladen
    document.images.webcam.onload = "";
    document.images.webcam.src = imageURL + timestamp;
    // Nach vorgegebner Zeit neues Bild laden
    setTimeout("CamLoad()", refresh*1000);
  }
 
  // ]]>
  </script>

  <img name="webcam" 
       src="http://webcam.ig-funk-siebengebirge.de/oelberg/webcam.jpg" 
       onload="CamLoad()" onerror="CamRetry()" 
       width="640" height="480" alt="Webcam-Bild" />
...
</body>

Auf diese Weise können Sie beliebige Webcams einbinden. Ändern Sie einfach die URL zum Bild im src-Attribut des img-Tags und passen Sie gegebenenfalls die Variable refresh im Java-Script an.

Einbinden per Flash

Auf unserer Seite verwenden wir eine kleine, auf Adobe Flash basierende Anwendung, um das Bild anzuzeigen und automatisch auffrischen zu lassen. Das Adobe-Flash-Plugin ist für alle aktuellen Betriebssysteme und gängigen Browser verfügbar und erfahrungsgemäß äußerst weit verbreitet. Für unser Programm wird Flash ab Version 10 benötigt.

Unser Programm können Sie gerne herunterladen und dann auf Ihrer Seite verwenden. Anbei geben wir ein paar Hinweise zur Einbindung in Ihre Seite.

Webcam über SWFobject einbinden

Entweder binden Sie die Flash-Datei selber in den HTML-Code Ihrer Seite ein, oder Sie lassen dies durch SWFobject vornehmen. Da SWFobject den verwendeten Browser und vor allem die Version des aktuell installierten Flash-Plugins automatisch erkennt, werden mögliche Fehldarstellungen von vornherein vermieden. Gegebenenfalls kann SWFobject sogar zum Update des Flash-Plugins auffordern. Auch die bei einigen Browsern anzutreffende Verhaltensweise, aktive Inhalte wie Flash erst nach einem Mausklick zu aktivieren, lässt sich mit SWFobject umgehen.

Laden Sie daher zuerst die aktuelle Version des SWFobject herunter. Zur Zeit heißt die aktuelle Datei swfobject_2_2.zip. Unser kleines Programm haben Sie hoffentlich bereits heruntergeladen. Zusammen mit zwei Dateien aus der Zip-Datei von SWFobject, nämlich expressInstall.swf und swfobject.js, laden Sie es in das Basisverzeichnis Ihres Webspaces (oder in ein beliebiges anderes Verzeichnis, diesen anderen Pfad müssen Sie dann aber beim Befolgen der weiteren Schritte beachten).

Die HTML-Datei, in welcher das Webcambild anzeigen soll, müssen Sie nun etwas modifizieren. Zunächst definieren Sie im Body-Bereich Ihrer HTML-Datei die Stelle, an welcher Sie die Webcam anzeigen lassen wollen:

<body>
...
<div id="webcam">
  <img src="http://webcam.ig-funk-siebengebirge.de/oelberg/webcam.jpg" 
       width="640" height="480" alt="Webcam-Bild" />
</div>
...
</body>

Wichtig ist der div-Tag mit id-Attribut. Der Inhalt dieses divs wird angezeigt, wenn SWFobject die Flash-Datei nicht einbinden konnte. Dies passiert zum Beispiel, wenn kein Flash-Player gefunden wurde oder wenn der Benutzer Java-Script deaktiviert hat. In diesem Beispiel wird dann zumindest dauerhaft das beim Aufruf Ihrer Webseite aktuelle Webcambild angezeigt.

Als Nächstes müssen Sie SWFobject einbinden und es das Webcam-Programm laden lassen. Dies machen Sie im Header der HTML-Datei:

<header>
...
<script src= "swfobject.js" type="text/javascript"></script>
<script type="text/javascript">
// <![CDATA[
   var flashvars = {};
   var attributes = {};
   var params = {};

   params.wmode = "transparent";
   params.allowscriptaccess = "always";

   swfobject.embedSWF("igfs-cam.swf", "webcam", "640", "480", 
                      "10.0.0", "expressInstall.swf", 
                      flashvars, params, attributes);
// ]]>
</script>
...
</header>

Damit sollte, sofern bei Ihrem Besucher Java-Script aktiviert und der Flash-Player installiert ist, unsere Webcam auf Ihrer Webseite eingebunden und alle fünf Minuten aktualisiert werden.

Ein Klick in das Webcam-Bild verlinkt übrigens auf unsere Homepage.

Kann ich mit dem Flash-Programm noch mehr anfangen?

Ja! Sie können über unsere Webcam-Flash-Anwendung beliebige andere Webcams anzeigen lassen! Auch das Auffrischungs-Intervall, die Beschreibung, welche oben rechts angezeigt wird, wenn Sie mit der Maus über das Bild fahren und die Seite, welche geöffnet wird, wenn Sie in das Bild klicken, können Sie nach Belieben ändern. Dazu müssen Sie nur ein paar Parameter übergeben. Folgende Parameter werden unterstützt:

url	URL, unter welcher das Bild der Webcam abgerufen werden kann http:// bzw. https:// muss vorangestellt werden!
refresh	Auffrischungsintervall in Sekunden Standardeinstellung entspricht fünf Minuten, kleinstmöglicher Wert: 10 Sekunden
title	Titel, der oben rechts angezeigt wird, wenn mit der Maus über das Bild gefahren wird.
homepage	URL zur Seite, die bei Klick ins Bild geöffnet wird http:// bzw. https:// muss vorangestellt werden!

Ohne Parameter wird unsere Webcam angezeigt und alle fünf Minuten aufgefrischt. Alle Parameter sind optional und müssen nur bei Bedarf angegeben werden.

Beispiel: Sie möchten die Webcam auf dem Drachenfels im Siebengebirge anzeigen lassen. Der Titel soll dann "Drachenfels" lauten, das Webcambild alle zwei Minuten aufgefrischt werden. Außerdem möchten Sie bei einem Klick auf das Bild die Homepage des Verschönerungsvereins Siebengebirge aufrufen lassen.

Dazu binden Sie das Flash-Programm ein, wie oben gezeigt. Allerdings müssen Sie im Header bei der Einbindung durch SWFobject dem Flash-Programm die entsprechenden Parameter übergeben. Aus

swfobject.embedSWF("igfs-cam.swf" ...

wird (alles ohne Leerzeichen in einer Zeile!!! - hier wurde nur der Übersichtlichkeit halber auf mehrere Zeilen umgebrochen):

swfobject.embedSWF("igfs-cam.swf?
     url=http://datelsoft.de/dl2kcl/db0sb.jpg&
     title=Drachenfels&refresh=120&
     homepage=http://www.naturpark-siebengebirge.de/" ...

Alle anderen Angaben lassen Sie einfach unangetastet.

Kann ich den Quellcode einsehen bzw. verwenden?

Ja, sehr gerne. Unsere Webcam-Anwendung wurde mit der Open-Source-Entwicklungsumgebung OpenLaszlo entwickelt. Der Quelltext kann hier heruntergeladen werden. Dieses sehr simple Programm steht unter der GNU General Public License, Version 3, kurz "GPL". Im Rahmen der Bedingungen dieser Lizenz steht es Ihnen frei, dieses Programm an Ihre Bedürfnisse anzupassen und weiterzuentwickeln. Wir freuen uns, wenn Sie uns Ihre Modifikationen Diese E-Mail-Adresse ist gegen Spambots geschützt! JavaScript muss aktiviert werden, damit sie angezeigt werden kann. möchten.

Unabhängig von den Bedingungen der GPL freut sich der Autor über jeden Hinweis auf das Projekt und die Homepage der Interessengemeinschaft der Funkamateure Siebengebirge e.V. und selbstverständlich auch über jede noch so kleine Spende, die diesem Verein zu Gute kommt.

Tag	Zeit	Call	Nachricht
18.05.	17:08	DH8BAT	www.mydarc.de/DH8BAT
18.05.	16:17	DJ5KP	MICHAEL
18.05.	15:38	DL9NDG	Heinz Siebengebirge
18.05.	15:30	DL1KAS	AXEL AUF DEM CAMPING
18.05.	15:00	DL4KAK	Bruno Windeck
18.05.	12:05	DL8KCS	JO30FQ WERNUR G18
18.05.	11:21	DH2KAM	PETER MECKENHEIM G23
18.05.	11:18	DO1DRN
17.05.	19:44	DH4KAF	Herbert Niederkassel
17.05.	19:34	DC5FI

	Relais	Ausgabe	Eingabe
FM	DB0SB	145,700 MHz	145,100 MHz
FM	DB0SG	439,050 MHz	431,450 MHz
FM	DB0RHB	439,425 MHz	431,825 MHz
D-STAR	DB0DBN	439,53125 MHz	431,93125 MHz
APCO25	DB0DBN	439,550 MHz	431,950 MHz
DMR	DB0DBN	439,975 MHz	430,575 MHz
FM	DB0SG	1.298,500 MHz	1.270,500 MHz
ATV	DB0SB	10.240,0 MHz	10.420,0 MHz

Interessengemeinschaft

der Funkamateure Siebengebirge e.V.

URL zum Webcambild

Einbinden per Java-Script

Einbinden per Flash

Webcam über SWFobject einbinden

Kann ich mit dem Flash-Programm noch mehr anfangen?

Kann ich den Quellcode einsehen bzw. verwenden?

DB0DBN: Aktive Stationen

Webcam: Drachenfels

Mitgliederbereich

Die Relais im Siebengebirge