webcambild als Tabellenhintergrund

T

topper23

Mitglied
Hallo zusammen,

folgendes habe ich versucht zu realisieren: Ich möchte alle paar Sekunden ein webcambild als hintergrundbild einer tabelle aktualisieren, damit ich eine teilweise transparente gif Grafik, einen runden Bildschirm, darüber legen kann.

Das bild ist als hintergrund im Tabellenkopf eingebunden:
<TABLE id="tvbild" style="background-image:url(http://kreuzburg.dyndns.org:8000)">

Die Funktion, die ich mir zusammengebastelt habe sieht so aus:
function reloadCam()
{reload = new Date();
reload = "?"+reload.getTime();
scree = new Image();
scree.src = "http://kreuzburg.dyndns.org:8000"+reload;
tvbild.style.backgroundImage ='url(scree.src)';
setTimeout("reloadCam()", 3000); // zeit-in-ms
}

Diese Funktion lädt zwar alle drei Sekunden das Bild neu, zeigt es aber nicht an. Dat janze ist online unter:
http://kreuzburg.shamelips.de/kreuzburg/fernseher.html

Die Webcam ansich funktioniert aber:
http://kreuzburg.shamelips.de/kreuzburg/test.htm

Wäre echt cool, wenn jemand eine Idee hätte, wie man alle drei Sekunden das webcam bild vorladen kann, um es dann gegen das Hintergrundbild auszutauschen. Vielen Dank erst mal für die Aufmerksamkeit
Viele Grüße
Topper
 
Hallo Leute,
Danke für die Antworten. Die komplette Seite neu zu laden wollte ich eigentlich vermeiden, weil da noch ne menge anderes Zeugs drauf ist, menu und so. Aber stimmt schon vielleicht versuch ich mal ein kleines Frame nur für das Webcambild einzurichten.
@Irene: Eigentlich müßte die Webcam unter der test Adresse funktionieren. Es kann sein, dass das Bild einfach schwarz blieb, weil das Licht um halb fünf aus war. Falls Du Lust hast, kannste es ja noch mal probieren, ob es jetzt klappt. Würdemich natürlich interessieren.
Cool, vielen Dank, wenn jemand noch ne Idee hat, wäre ich sehr dankbar
Viele Grüße
Topper
 
QUOTE (topper23 @ Mi 8.12.2004, 13:41)@Irene: Eigentlich müßte die Webcam unter der test Adresse funktionieren. Es kann sein, dass das Bild einfach schwarz blieb, weil das Licht um halb fünf aus war. Falls Du Lust hast, kannste es ja noch mal probieren, ob es jetzt klappt.

Nein, es war nicht einfach schwarz, und es geht auch jetzt nicht. Aber wenigstens ist mir jetzt klar, warum: der Port 8000 ist bei meiner Firewall gesperrt - das hatte ich vergessen
rolleyes.gif


Griessli
Irene
 
Hallo Leute,

ick habs jeschafft, juchu. Die Lösung sind schlichtweg zwei div layer übereinander gepackt, sieht dann so aus:

<!--Webcam overlay-->
<div style="position:absolute;left:397px;top:138px;visibility:visible"><IMG NAME="webcambild" SRC="http://kreuzburg.dyndns.org:8000"></div>
<div style="position:absolute;left:391px;top:119px;visibility:visible"><img src="tvscreen.gif" alt="Bildschirm Bild"></div>

und das webcambild wird dann mit diesem kleinen Javascript alle zwei sekunden neu vorgeladen und aktualisiert (enfach im body teil aufrufen):

<script LANGUAGE="Javascript"><!--
function reloadCam()
{reload = new Date();
reload = "?"+reload.getTime()
document.images["webcambild"].src = "http://kreuzburg.dyndns.org:8000"+reload
setTimeout("reloadCam()", 2000) // zeit-in-ms
}
//-->
</SCRIPT>

Ich danke euch für eure Hilfe,
@Irene, vielen Dank für den Tip mit der Port Sperre, werden bestimmt einige Leute haben, also kann ich gleich darauf hinweisen.
Frohet Fest dann
Topper
 
Sie müssen sich einloggen oder registrieren, um hier antworten zu können.
Zurück
Oben