Web Designer 11 Premium: Bild einer Webcam in einer Seite

foskolo schrieb am 06.12.2015 um 10:35 Uhr

Hallo,

ich schwöre es ;-), ich habe in der Online-Hilfe und in der PDF-Hilfe schon gesucht (und auch gegoogelt), aber keine Lösug gefunden.

Ich habe eine IP-Kamera, die alle 5 Minuten ein Bild (snapshot.jpg) auf einem Server via FTP hochlädt. Nun möchte ich dieses Bild in einer mit Web Designer 11 Premium erstellten Webseite einbauen. Also ein Bild, das alle 5 Minuten aus der Internet-Adresse neu geholt und angezeigt wird.

Wie mach ich es? Ich kann zwar ein "Bild aus dem Internet" einfügen (Einfügen -  Bild - Von Internetadresse...), aber damit ist wohl etwas anderes gemeint. Es wird nur ein Bild aus der Adresse geholt, umgetauft und verwendet und nicht weiter erneuert.

Bisher löse ich das Problem damit, dass ich mit Filezilla die entsprechende html-Datei aus dem Server hole, zu Fuß bearbeite und dort den Link auf das IP-Kamera-Bild ändere und dann zurückspeichere. Das funktioniert, ist aber auf Dauer nervig.

Hat jemand eine Lösung für dieses, an sich triviales Problem?

 

danke!

Kommentare

BeRo schrieb am 06.12.2015 um 12:50 Uhr

Sehr intensinv scheint Deine Google Suche nicht gewesen zu sein...

Mit diesem Suchstring finde ich jedenfalls auf Anhieb Dutzende Websites, auf denen in Wort und Bild erklärt wird, wie Dein Problem zu lösen ist.

Der unten einkopierte Auszug aus dieser Website enthält schon alle Infos und ein Script, das Du nahezu 1:1 verwenden kannst...

-------------------------------------
[...] Für unsere Hobbyzwecke reicht hier aber der einfache, zeitgesteuerte Upload alle paar Sekunden auf unseren externen Speicherplatz (Webhoster). Dieses dort regelmäßig abgelegte Bild unserer Webcam können wir ganz einfach per HTML in unsere Homepage einbauen, z.B wie folgt:

<img src="/bildname.jpg"> oder <img src="www.meinserver.de/bildname.jpg">

Java Script für die Homepage

Um das Bild beispielsweise alle 2 Sekunden zu "refreshen", geben wir auf unserer Homepage folgendes Javascript ein: Im head-Bereich:

<script language="Javascript"><!--
function reloadCam()
{reload = new Date();
reload = "?"+reload.getTime()
document.images["nordbiene"].src = "bildname.jpg"+reload
setTimeout("reloadCam()", 2000)
}
//--></script>

Und im Body-Bereich, dort wo das Bild in der Größe 320 x 240 erscheinen soll:

<img name="nordbiene" src="/bildname.jpg" border="0" width="320" height="240">
<script language="Javascript">
<!--
reloadCam();
//--></script>

Die Refresh-Zeit wird bei Javascript in Tausendstel Sekunden angegeben, somit sind Zweitausend Tausendstel Sekunden zwei Sekunden. Der Refresh-Intervall hängt von Ihren Wünschen ab und davon, wie oft das Programm VisionGS einen Schnappschuss der Webcam ins Internet sendet. Der Dateiname "bildname.jpg" ist natürlich entsprechend der Eingabe im Programm VisionGS zu ersetzen, gegebenenfalls mit einer vollständigen URL zum externen Server, dort wo das Bild gespeichert wird. [...]
-----------------------------------

Probier's mal und wenn dann noch Probleme auftauchen, weißt Du ja wo Du Hilfe finden kannst.

Zuletzt geändert von BeRo am 06.12.2015, 12:51, insgesamt 2-mal geändert.

Auf den Tag genau gehen heute, am 14.08.2021, 10 Jahre online Support für die Community zu Ende.
Ich freue mich auf eine neue, berufliche Herausforderung, die sich gerade ergeben hat. Leider bleibt dann keine Zeit mehr für die Community übrig, aber Ihr seid bei den aktiven Mitgliedern in besten Händen.
Sicher schaue ich auch ab und zu nochmal rein... 🤓

foskolo schrieb am 06.12.2015 um 17:12 Uhr

Danke BeRo, so werde ich es machen.

Meine Suche hatte sich auf eine direkte Lösung im Web Designer konzentriert, deshalb habe ich wohl keine gefunden weil es dort keine gibt.

 

Nochmals vielen Dank!