Webcam-Bild im Browser updaten <img> kommt und geht mit update-Zyklus

Luisk

Hallo
bei dem folgenden Code habe ich das Problem, dass Webcam-Bild im update-Takt verschwindet und wieder kommt.
Wie kann man das so hinbekommen, dass die Webcam sauber upgedated wird ?

HTML

<html>
  <head>
   <script>
    timeSlap=1 // sekunden
    function reloading()
    { 
     reload = new Date(); 
    reload = "?"+reload.getTime() ;
      document.images['webcambild'].src = "g:\webcam\webcam.jpg"+reload;

     if(timeSlap>0) timeSlap--;
     else location.reload();
    }
   </script>
  </head>

   <body onload="setInterval(reloading,1000);">

    <center> <img src="g:\webcam\webcam.jpg" BORDER=0 id="webcambild"  > 

   </body>

< /html>

Alles anzeigen

synaptic

Bist du sicher, daß die url stimmt? Wüsste nicht, dass der dateipfad einfach so klappt. Die webcam-software liefert im regelfall eine echte url

Luisk

Die Datei kopiere ich selber über eine eigene .exe Datei dort hin.
Die Datei ist in dem Pfad vorhanden und wird auch angezeigt.
Das Problem ist, dass das Bild im Takt von setInterval(reloading,1000) kommt und geht.

synaptic

achso.. ja das is ein "unlösbares problem" denn während die datei geschrieben wird, kannst du sie eigentlich nicht vollständig anzeigen.
eine echte webcam-software macht aus einem stream einen snapshot, weshalb man da mit dem time-parameter (hier "reload") die caching-mechanismen umgeht. bei deiner aktion hast du quasi beim abrufen das bild wahrscheinlich nicht komplett geschrieben, weil der interval vom schreiben nicht synchronisiert ist mit dem interval vom lesen..

du bräuchtest nen stream und zb php, um mehrere bilder zu schreiben und zwischenzuspeichern, um dann mit ner verzögerung diese bilder abzurufen, so kannst du das schreiben und lesen durch die verzögerung auspuffern.

ich habs selber noch nie gemacht, kenns nur aus der theorie. ich hab bisher probiert mit javascript nen errorhandler zu setzen, der einfach das bild so oft neu zu laden versucht, bis es richtig angezeigt wird, aber das ist keine anständige, geschweige denn sicher funktionierende lösung...

Luisk

im Moment teste ich nur statisch. Das heißt, die Bilddatei liegt einfach da.
Ich gehe davon aus, dass das img ein Problem damit hat, dass die Datei immer den gleichen Namen hat.

- - - Aktualisiert - - -

Im Moment teste ich nur mit einer statischen Datei, die immer den selben Namen hat und frei ist,
selbst dabei flackert die Anzeige im Zyklustakt.
Das img hat anscheinend ein Problem, wenn immer der selbe Dateiname verwendet wird.
Wenn ich
document.images['webcambild'].src = "g:\webcam\webcam.jpg;
nehme statt
document.images['webcambild'].src = "g:\webcam\webcam.jpg"+reload;
dann flackerts auch.

synaptic

ok analysieren wir das ganze mal technisch
du hast ne statische datei, die du laden willst, hast nen zähler der nur 1 mal runterzählt, keine domain und eine selbstgeschriebene exe die nen ild von der cam speichert.

das was da nicht funktionieren wird (je nach browser) ist das parameterisierte laden des inhalts ohne protokoll direkt auf die datei, kriegt glaube ich keiner hin, weil die parameter als dateiname gesehen werden.
dann machst du den zähler von 1 auf 0 und dann reloadest du die ganze seite, obwohl du vorher nen interval gesetzt hast.

bau dir das mal per xampp und mit ner echten url und dann ohne des reloaden der ganzen seite.

das flackern kommt vom page-reload
edit:

hier is nen uraltes script was des machen müsste:

HTML

<html>


<head>
  <title></title>
 <script type="text/javascript">
function swap(){
var target=document.getElementById("show");
var time = new Date();
target.src="http://home.arcor.de/synaptic/cam_1.jpg?t="+time.getTime();
setTimeout("swap()", 1000);
}


</script>
</head>
<body onload="swap();">
<center>
<img id="show"  src="http://home.arcor.de/synaptic/cam_1.jpg" width="640" height="480" alt="" border="0" align="">
<br>
</center>
</body>
</html>

Alles anzeigen

musste halt ma mit deinem lokalen pfad testen

Webcam-Bild im Browser updaten <img> kommt und geht mit update-Zyklus

Tags

Benutzer online in diesem Thema