Interssante Scripte für WebCams

Javascript fur 2 webcams gleichzeitig
Samstag, 25. Oktober 2008 17:54:57


Hallo Jens,

Ich habe bei uns auf die Internet Seite zwei webcams die jede 30 sekunden eine update abfragen.
Leider gehen die webcams zur zeit nicht wegen blitz einschlag, aber nachste woche fahre ich mahl nach Oesterreich und werde sie wieder am laufen bringen.

Hier gibt es dass script dass die webcams verwenden, zu finden.

Beispiel : http://www.jkoeleman.nl/content/view/144/174/

Webcam 1
#img src="http://www.hochstein-hu.../webcam/livebild.jpg" width="600" height="450" name=webcam_image#

#script language="JavaScript"#
var imageUrl = document.webcam_image.src;
var random = new Date().getTime();
var delay = 30; // update vertraging in seconden
var counter = 0;
var buffer = new Image;

function DisplayImage()
{
document.webcam_image.src = buffer.src;
LoadNextImage();
}

function LoadBuffer ()
{
var trickname = imageUrl;
++counter;
trickname += "?counter=" + (random + counter);
buffer.src = trickname;
buffer.onload = DisplayImage;
}

function LoadNextImage()
{
setTimeout("LoadBuffer()", 1000*delay);
}

LoadNextImage();
#/script#

Webcam 2
#img src="http://www.jkoeleman.nl.../webcam/livebild.jpg" width="600" height="450" name=webcam_image_2#

#script language="JavaScript"#
var imageUrl_2 = document.webcam_image_2.src;
var random_2 = new Date().getTime();
var delay_2 = 60; // update vertraging in seconden
var counter_2 = 0;
var buffer_2 = new Image;

function DisplayImage_2()
{
document.webcam_image_2.src = buffer_2.src;
LoadNextImage_2();
}

function LoadBuffer_2 ()
{
var trickname_2 = imageUrl_2;
++counter_2;
trickname_2 += "?counter_2=" + (random + counter_2);
buffer_2.src = trickname_2;
buffer_2.onload = DisplayImage_2;
}

function LoadNextImage_2()
{
setTimeout("LoadBuffer_2()", 1000*delay_2);
}

LoadNextImage_2();
#/script#

Fur weitere Webcams, einfach alles mit "_2" andern in "_3" usw.

Mit freundliche grusse, aus der Niederlande

Piet Jan

Quelle: http://www.mobotix.com/ger_DE/region/index/ger_DE/?URL=Support/User-Forum/Einstellungen-Bild/WebCam-Bild-einbinden-zeitgesteuerter-JavaScript-Reload-f%c3%bcr-mehrere-Bilder-innerhalb-einer-html-Seite

Script für 1 WebCam

Hallo,

im Handbuch sind ja einige Beispiele zum zeitgesteuerten JavaScript Reload abgedruckt.
Funktioniert alles prächtig. Ein Problem tritt jedoch auf sobald ich mehr als ein WebCam Bild innerhalb einer html-Seite zeitgesteuert z.B. alle 5 Sekunden neu laden möchte. Hat jemand eine Idee für ein passendes Java-Script?

Vielen Dank

Grüße
Dirk Jensen

Hier das Script, das ich z.Zt. für ein einzelnes Bild verwende:
(Das # Zeichen ersetzt die Klammern, da ich sonst den Beitrag nicht veröffentlichen konnte.)
=> Original Script hier => http://www.bredstedt-cam.de

#img style="width: 640px; height: 480px" src="http://www.xxxxxxxxxx/xyz.jpg" name="bredstedtcam" alt="Die Bredstedt-Cam" title="Die Bredstedt-Cam" width="640" height="480" /#

#script language="JavaScript"#
var imageUrl=document.bredstedtcam.src;
var random=new Date().getTime();
var delay=5; //Aktualisierung in Sekunden
var counter=0;
var buffer=new Image;
function DisplayImage() {
document.bredstedtcam.src=buffer.src;
LoadNextImage();
}
function LoadBuffer () {
var trickname=imageUrl;
++counter;
trickname+="?counter="+(random+counter);
buffer.src=trickname;
buffer.onload=DisplayImage;
}
function LoadNextImage () {
setTimeout("LoadBuffer()",1000*delay);
// Millisekunden*1000 -> Sekunden
}
LoadNextImage();
#/script#

Webcam + Autoupdate der Bilder + Lösung?

Hallo Zusammen

Ich les' schon länger mit und habe schon mehrere Websites mit phpwcms umgesetzt. Klappt alles bestens soweit. ...und das Forum beantwortete bisher so ziemlich alle meine Fragen
Nun wird man 'halt ein bisschen anspruchsvoller mit der Zeit ... und dabei bin ich an eine Grenze gestossen, bei der ich für Eure Hilfe im Voraus danke.

Auf einer Website stelle ich die Bilder von 3 Webcams dar. Jede Webcam lädt ihr neues Bild alle Minute einmal auf den FTP hoch. Also sollen auch die Bilder auf der Website einmal pro Minute neu geladen werden. Dabei gibt es ein paar Fallen...:
1) es sollen nur die Bilder neu geladen werden, nicht aber die ganze Seite
2) es sollen immer die aktuellen Bilder angezeigt werden und nicht jene aus dem Cache des Browsers
3) falls die Webcam gerade ein Bild hochlädt (file_exists()=false) soll ein Ersatzbild angezeigt werden
4) ...und das Bild wird dann 10s später nachgeladen

Soweit so gut. Im Netz habe ich verschiedene Lösungen gefunden, aber leider nur eine in JAVA, die einigermassen funktioniert.
....

http://forum.phpwcms.org/viewtopic.php?f=16&t=17837&start=0