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
JAVA-Applet
zum Bildrefresh
JAVA-Applet
Vergrösserungs-Lupe
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/font
<img SRC="webcambild.jpg" NOSAVE
height=30 width=300/font
</html/font/blockquote
Automatischer
Refresh des Bildes
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/font
<HEAD/font
<TITLE
<meta http-equiv="Pragma" content="no-cache"/font
<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/font
<BODY BGCOLOR="#FFFFFF"/font
<centerihr-webcambild.jpg"
BORDER=0
<SCRIPT LANGUAGE="Javascript"/font
<!--
reloadCam();
//--
<BR/font
</body/font
</HTML/font/ul
JAVA-Applet
zum Bildrefresh
Im Gegensatz zum Refresh
mit Hilfe des Meta-Befehls, ermöglich die Verwendung eines JAVA.Applet
den gezielten Refresh des Bildes, ohne das die gesamte Seite neu geladen
werden muss.
Jedoch muss dazu der Browser
JAVA unterstützen und muss auch aktiviert sein, was nicht allen Besuchern
aus Sicherheitsgründen haben.
DEMO: Sehen Sie hier
wie das Applet arbeitet: VS-Webcam.de
Zum Einbau:
Laden Sie hier
sich das Applet
herunter.
Danach entpacken Sie die Datei und Laden dann die Datei JavaCam.class via
FTP in das selbe Verzeichniss auf dem Server, wo auch das Webcambild ist.
Achten Sie dabei darauf,
das der Dateiname nicht verändert wird.
Auch nicht bei der Gross
& Kleinschreibung, da hier gerade Unix-Server einen Unterschied machen.
Bauen Sie dann den nachstehenden
Quellcode in Ihre Seite ein.
<html/font
<head/font
<title
</head/font
<body/font
<applet code="JavaCam.class" width="300"
height="200"/font
<param name="url" value="http://www.ihre-domain.nam/webcambild.jpg"/font
<param name="interval" value="120"/font
</applet/font
</body/font
</html/font
JAVA-Applet
Vergrösserungs-Lupe
Wenn Sie Ihren Besuchern
ermöglichen möchten, das Webcambild etwas zu vergrössern,
so bietet sich diese kostenlose Applet an. Es vergrössert als Mouse-Over-Effekt
das Bild an der gewünschten Stelle wie eine Lupe.
Jedoch muss dazu der Browser
JAVA unterstützen und muss auch aktiviert sein, was nicht allen Besuchern
aus Sicherheitsgründen haben.
Sie können auf der
Homepage unserer eigenen Webcam, der VS-Webcam
die Funktionsweise ausprobieren.
Zum Einbau:
Laden Sie hier
sich das Applet
herunter.
Danach entpacken Sie die Datei und Laden dann die Datei magnifier.class
via FTP in das selbe Verzeichniss auf dem Server, wo auch das Webcambild
ist.
Achten Sie dabei darauf,
das der Dateiname nicht verändert wird.
Auch nicht bei der Gross
& Kleinschreibung, da hier gerade Unix-Server einen Unterschied machen.
Bauen Sie dann den nachstehenden
Quellcode in Ihre Seite ein, wo später das Bild mit Lupe erscheinen
soll..
<APPLET CODE=magnifier.class
WIDTH=384
HEIGHT=284webcambild.jpg"normale-bilder-seite.html"
Zeitraffer
der Webcambilder-History auf dem Server
Wenn Sie die Ispy-Webcam-Software
verwenden und die "Keep History"-Funktion akativiert haben, erstellt Ispy
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 <head/fontfont face="Arial,Helvetica"</head/fontfont
face="Arial,Helvetica"
<SCRIPT LANGUAGE="JavaScript"/font
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 ("ispy.1.jpg", "ispy.0.jpg", "ispy.jpg");
var eatMe = 1;
function flipper()
{
document.form.image.src = teams[eatMe];
eatMe += 1;
if (eatMe == 4) eatMe = 1;
setTimeout("flipper()", 2000);
}
</SCRIPT/font
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()"/font
An der gewünschten Stelle
wo später das Bild erscheinen soll, fügen Sie noch diese letzten
Zeilen ein:
<form name="form"/font
<IMG name=image
border=0 SRC = "ispy.1.jpg"/font
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....
Alternative:
Der Upload kann im 10 Sekunden-Takt
beim Modem bzw 6 Sekunden-Takt bei ISDN
erfolgen, welches in Zusammenarbeit
mit einem Java-Applet auf der Homepage
annähernd bewegte Bilder
ergibt.
|