Natürlich können wir die mittels Flash - Player als Webcam - Server für die iuviu - Community erzeugten einzelnen Frames auch zur Darstellung auf einer eigenen HTML-Seite unserer Homepage verwenden, wie ich das beispielhaft hier tue:
Das Geheimnis auch hier liegt lediglich -wie fast immer- im Pfad zum Frame, zum einzelnen Webcam - Bild. Diesen Pfad jedoch kann man recht einfach aus dem Quelltext der Wiedergabe- Seite bei iuviu herauslesen. Analog auf der Seite erkennt man den Pfad als "Bildeigenschaften" durch Rechtsklick auf das Bild.
... des aktuellen iuviu- Webcam - Bildes die gesamte Seite geladen wurde, was zu einer bestimmten Unruhe führte, wird beim Refresh durch dynamisches HTML lediglich das Bild selbst erneuert. Das reduziert natürlich die Ladezeit, besonders für Besucher mit analogem oder ISDN - Modem. Diese einfache Methode benötigt kein spezielles Java Applet oder einen Player, denn jeder moderne Browser kann dynamisches HTML darstellen.
Auch hier sieht der Besucher im Offline - Status der iuviu- Webcam bzw. Ihres Rechners das zuletzt gesendete Bild oder aber ein speziell erstelltes Offline - Bild.
Die Beschreibungen, die ich kenne, sind sehr oberflächlich gehalten. Das Wesentliche aber :
Dynamisches HTML liefert eine neue Technik für den periodischen Bilder - Download ohne ein Java-Applet. Realisiert wird das durch die reloadImg() - Funktion ( reload = lade noch einmal, lade neu und img = image / Bild ) in JavaScript.
Zurück aber zu unserem dynamischen HTML zur iuviu- Wiedergabe:
Die reloadImg() - Funktion lädt immer das Bild neu, das durch "imgToReload" festgelegt wird ( img=image / Bild, ToReload=zum Neuladen). Gleichzeitig wird durch eine Täuschung die Datenbanksuchroutine des Cache außer Kraft gesetzt. Es wird simuliert, dass das Bild noch nicht "richtig" geladen ist und deshalb noch einmal geholt werden muss.
1. Um das Webcam - Bild mittels dynamischem HTML zu erneuern, setzen wir in den Quelltext unserer iuviu - Seite unmittelbar vor dem Ende des Headers die Funktion zum nochmaligen Zurückgehen ein (go back). Dazu übernehmen Sie rot markierten Text :
<title>angelpage.de - iuviu Testseite dynamisches html mit Countdown</title>
<script LANGUAGE="JavaScript"><!--
function back() {
history.go(-1);
}
//--></script>
</head>
2. Unter Berücksichtigung Ihres Pfades und Ihrer Bildbezeichnung fügen Sie den Bild-Tag zur iuviu- Wiedergabe in den Body ein :
<body>
<img name="dyn_bild" src="http://www.iuviu.com/media/webcam/8.jpg" width="320" height="240">
3. Unmittelbar darunter positionieren Sie das JavaScript
<script
LANGUAGE="JavaScript"><!--
function reloadImage() {
var now = new Date();
if (document.images) {
document.images.dyn_bild.src = ' http://www.iuviu.com/media/webcam/8.jpg?' + now.getTime();
}
setTimeout('reloadImage()',5000);
}
setTimeout('reloadImage()',5000);
//--></script>
Aus dem Pfad zum Bild im markierten Quelltext sollten Sie erkennen, dass sich das Bild auf Webspace der iuviu- Community befindet und lediglich von dort geladen zur Wiedergabe bei uns wird. Zu iuviu auf den Speicherplatz gelangt es per Flash- Webcam.
Mehr Beiträge zu iuviu bzw. zur iuviu- Wiedergabe findet man vorerst über die iuviu Suche ...
