Bilder der Webcam überblenden

S

strandjunge

Grünschnabel
hallo,

mit hilfe von geist habe ich einen kleinen javascript ans laufen bekomme der auf unserer webcam hp unser webcambild aktualisiert.

http://www.costabrava-online.com/webcam.htm

meine frage ist folgende:

besteht die moeglichkeit das darauf folgende bild einzublenden ohne das es sicher wieder neu aufbaut... also man nur die aenderungen im bild sieht?

gruss aus spanien

strandjunge
 
Mit den Microsoft Filtern (siehe SelfHTML).
Dann darfst du allerdings nicht mehr die ganze Seite neu laden, sondern nur das Bild.

]Ton[
 
So, kommt vielleicht etwas verspätet, aber dennoch:

Also mit einem einfachen Preloading-Vorgang (cachen, was sonst) ist das unter Zuhilfenahme des onLoad-Handlers mit Garantie hinzubekommen - ist das Script noch immer das gleiche aus dem anderen Posting oder wie sieht es mittlerweile aus?

Würde mich dann mal dranmachen, dir das zu scripten.

Geist
 
Hallo Geist,

das waere echt super weil ich immer noch keine vernuenftige loesung habe. ja das script immer noch das gleiche.

siehe:

http://www.costabrava-online.com/webcam.htm

<SCRIPT LANGUAGE="Javascript"><!--
function reloadCam()
{reload = new Date();
reload = "?"+reload.getTime()
document.images["webcambild"].src = "http://mitglied.lycos.de/costabravaonline/M1/m1test.jpg"+reload
setTimeout("reloadCam()", 30000) // zeit-in-ms
}
//--></SCRIPT>

</HEAD>
<BODY BGCOLOR="#FFFFFF">
<center><IMG NAME="webcambild" SRC="http://mitglied.lycos.de/costabravaonline/M1/m1test.jpg" BORDER=0></center>
<SCRIPT LANGUAGE="Javascript">
<!--
reloadCam();
//--></SCRIPT>

gruss

strandjunge
 
Mh, ich hab's jetzt nicht getestet sondern hier nur ausgesponnen, aber schau mal ob's vielleicht so hier läuft. :)
PHP: 
<script type="text/javascript" language="JavaScript">
<!--
var bildcache, reload;

function ersetzen() {
	document.images["webcambild"].src = "http://mitglied.lycos.de/costabravaonline/M1/m1test.jpg" + reload;
	setTimeout("ladeCam()", 30000);
}
 
function ladeCam() {
	if (bildcache == null) {
		bildcache = new Image();
	}
	reload = new Date(); 
	reload = "?" + reload.getTime();
	bildcache.src = "http://mitglied.lycos.de/costabravaonline/M1/m1test.jpg" + reload;
	bildcache.onLoad = ersetzen();
} 
//-->
</ script>
(</ script natürlich wieder zusammen)

und der Aufruf im <body>-Teil dann per
PHP: 
<script type="text/javascript" language="JavaScript"> 
<!-- 
ladeCam(); 
//-->
</ script>
(</ script ... ;))

hth,
Geist
 
Folgende Zeile ist etwas fehlerbehaftet:
PHP: 
bildcache.onLoad = ersetzen();
Mach' daraus mal bitte ein
PHP: 
bildcache.onload = ersetzen;
dann hat's bei meinem Testlauf auch geklappt. :)

hth,
Geist
 
Hm, kann's sein dass der Server, auf den die Bilder von der Cam geladen werden, ziemlich schwankt, was die Transfergeschwindigkeit von Daten betrifft?

Vorhin ging's einwandfrei mit dem Laden, jetzt werden in den 30 Sekunden teilweise nur halbe Bilder geladen...!?

Geist
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück