Nun muss natürlich Ihre Homepage für die Aufnahme des Webcam-Bildes vorbereitet werden. Unter meinen Webcam _> Webcam - HTML / Script weiter vorn habe ich dazu bereits mehrere Möglichkeiten beschrieben, die ja völlig programmunabhängig sind. Wichtig ist lediglich die Kenntnis darüber, in welchem Verzeichnis unter welchem Namen das Bild selbst liegt. Wir bleiben bei unserem Verzeichnis "webcam" und der Bildbezeichnung "cam_1.jpg". Eine Möglichkeit ist der Refresh mit Javascript für das jeweils aktuelle Bild von webcamXP.
Erstellen Sie eine beliebige html-Seite mit Ihrem Design und Inhalt. Reservieren Sie sich lediglich einen Platz von 320x240 Pixel für das sich selbst aktualisierende Webcam-Bild. Ich füge es zur Demonstration einfach aktiv hier in diese Seite ein:
Ergänzen Sie dazu in der Quelltextansicht Ihrer Seite vor dem Ende des Header:
<script language="javascript"><!--
function reloadCam()
{reload = new Date();
reload = "?"+reload.getTime()
document.images["webcambild"].src = "webcam/cam_1.jpg"+reload
setTimeout("reloadCam()", 60000)
}
//--></script>
und fügen Sie an der für Ihr Webcam-Bild im Body reservierten Stelle ein:
<img name="webcambild"
src="webcam/cam_1.jpg" border=0 width="320" height="240">
<script language="javascript">
<!--
reloadCam();
//--></script>
Erkennbar ist sicherlich, dass das Javascript, passend zu den oben aufgeführten Hinweisen, jeweils nach 60 Sekunden das Bild "cam_1.jpg" aus dem Ordner "webcam" neu laden und damit einen Refresh von 1 Minute realisieren soll. Falls Ihre Webcam arbeitet, erhält der Besucher durch das Javascript alle 60 Sekunden ein neues Bild. Falls nicht, erhält er eben noch einmal das bisherige ....
