WebCam_MOD_v0_1_1 für ezPortal

[TechLife]

Hi,

Mir ist die Idee gekommen, ein im Abstand von etwa 5min aktualsisiertes Screenshot bild einer webcam im Portal anzeigen zu lassen
(eigene Box).
Ich verwende ezPortal v2.1.8

Bisher habe ich keinen MOD entdeckt der dieses möglich macht. Und auch noch nichts gelesen darüber.
Nun meine frage an die Experten

Gibt es eine möglichkeit dies ohne MOD zu erreichen oder müsste erst ein dementsprechender MOD entwickelt werden?

Es sollte etwa nach dem schema funktionieren:
Cam (standort: zu haus)-->Server (zwischenspeichern)-->Forum(scrennshot im portal)

Ich denke dafür gäbe es sicherlich mehrere Interessenten!

___________________________________________________________
___________________________________________________________


Hallo

Ich habe dies zu einem MOD zusammengefasst und noch ein geeignetes und ressourcen sparendes Freeware Programm dazu gepackt.

Name:WebCam_MOD_v0_1_1
Autor: Techlife
Beschreibung: Erstellt im ezPortal einen neuen Block in dem ein sich aktualisierendes Web Cam Bild angezeigt wird
Installationsgrad: leicht
Installationszeit: 5 min
Demo: http://www.dielaberecke.de
Thema im DB-Forum


Screenshot:

[ externes Bild ]

Download:
WebCam_MOD_v0_1_1

[Enano]

Dafür gibt es erstmal diverse Freeware-Programme, welche das Bild alle paar Minuten, per ftp, auf deinem Webspace platzieren ...
... dieses Bildchen brauchst du dann einfach nur an die entsprechende Stelle in dein Portal setzten und die Seite per "Reload" z.B. alle 5 Minuten neu laden lassen.
Oder, was mir persönlich besser gefallen würde, nur das Bild per Javascript aktualisieren lassen.

Ich überlege auch gerade, ob ich soetwas mit einbaue ...
... werd mir wohl mal die "Mühe" und dann die Ergebnisse "melden"

[Enano]

Hier schon einmal ein Link zu einer Software: http://www.visiongs.com/de/download.visiongspe.html
Damit wird das Bild z.B. alle 5 Minuten auf dein Webspace geladen.

Beim IE ist es recht einfach NUR das Bild zu tauschen und nicht gleich die ganze Seite neu zu laden:

Code: Alles auswählen

<img id="CamBild" src="http://www.xyz.de/cam.jpg" alt="" border="0">
<script language="JavaScript">
var aktiv = window.setInterval("document.getElementById('CamBild').src = 'http://www.xyz.de/cam.jpg'",300000);
</script>

... die restlichen Browser machen da vom Cache her nicht wirklich mit, die laden immer das alte Bild.
Weiß nicht, ob man das umgehen kann.

Sonst wäre es aber noch über REFRESH in den Metas, oder über RELOAD bei JavaScript möglich die komplette Seite neu zu laden ...
... oder man verfrachtet das Bild in ein I-Frame und läßt nur das aktualisieren.

[TechLife]

Hört sich soweit ja schon alles ganz gut an, werd mir das programm mal anschauen.



[ externes Bild ]

Beim IE ist es recht einfach NUR das Bild zu tauschen und nicht gleich die ganze Seite neu zu laden:

Code: Alles auswählen

<img id="CamBild" src="http://www.xyz.de/cam.jpg" alt="" height="240" width="320" border="0">
<script language="JavaScript">
var aktiv = window.setInterval("document.getElementById('CamBild').src = 'http://www.xyz.de/cam.jpg'",300000);
[b]</script>

... die restlichen Browser machen da vom Cache her nicht wirklich mit, die laden immer das alte Bild.
Weiß nicht, ob man das umgehen kann.

Es sollte ja schon für das breite spektrum sichtbar sein d.h. nur IE ist da keine lösung.

Vielleicht erfüllt das Programm meine kriterien bleiben nur noch

• Bild in einer Box am rechten oder linken Rand anzeigen lassen
• Bild im Portal automatisch aktualisieren

Danke schon mal für die antwort...

[TechLife]

Hallo zusammen

Also ich habe die webcam screenshots nun erfolgreich intigriert, (ein wenig durch die code Brille geschaut und ich habs hinbekommen)
nun ist im Portal auf der linken Seite eine weitere "Live Cam" box!

Danke Enano für den link zu dem program funktioniert perfekt.

Bisher funktioniert es mit Firefox sehr gut d.h. die screenshots werden regelmäßig akualisiert aber ich denke es gibt mit dem IE probleme hat jemand einen lösungs vorschlag?

wenn sich jemand den "WebCam Mod" anschauen möchte:
DieLaberEcke.de

[Enano]

... hat jemand einen lösungs vorschlag?

Jetzt ja ...
... mach es einfach so:

Code: Alles auswählen

<img id="CamBild" src="http://www.xyz.de/cam.jpg" alt="" border="0">
<script language="JavaScript">
var aktiv = window.setInterval("BildLaden()",300000);
function BildLaden()
{
	var now = new Date();
	var stamp= parseInt(now.getTime() / 1000);
	document.getElementById('CamBild').src = 'http://www.xyz.de/cam.jpg?'+stamp;
}
</script>

... dann wird jedes Mal hinter dem Bildnamen die Zeit angehängt = so ist´s quasi ständig ein anderer Aufruf und die Browser laden das aktuelle Bild.
So wird dann auch immer nur das Bild aktualisiert, ohne die komplette Seite neu zu laden.

Habe das ganze mit IE, Nestcape, Firefox und Opera getestet = funzt

[TechLife]

Ja danke für den code, hab ihn eingebaut und funktioniert prächtig

[TechLife]

Der Download link ist im ersten beitrag...

*klick* Nach oben *klick*

[tomerl]

Hallo, habe das bei mir eingebaut, funktioniert soweit ok.
Aber das Bild wird nicht automatisch neugeladen. Was kann da sein?
Habe den neuen CODE eingefügt der im vorletzten Posting drin war.

www.radio-grenzenlos.at

[TechLife]

Hallo Tomerl,

zu erst einmal, der Code in der MOD anleitung ist bereits auf dem aktuellem stand. Hättest also nichts ändern müssen

Im moment wird bei dir das Bild im Browser alle 5 Minuten neu geladen. Der wert der dafür zuständig ist, ist folgender:

Code: Alles auswählen

#
#-----[ OPEN ]------------------------------------------
#
fisubsilversh/portal_body.tpl
#
#-----[ FIND ]------------------------------------------
#
var aktiv = window.setInterval("BildLaden()",300000);
#
#-----[ IN-LINE FIND ]------------------------------------------
#
300000

Dies ist der Zeitwert, nachdem die Funktion neu geladen werden soll, in unserem Falle sind das 300000 Millisekunden, also 300 Sekunden = 5 Minuten.

Dieser Variable müsstest du deinen wünschen anpassen, wenn zum Beispiel das Bild alle 10 Sekunden geladen werden soll musst du den Wert

Code: Alles auswählen

var aktiv = window.setInterval("BildLaden()",300000);

in

Code: Alles auswählen

var aktiv = window.setInterval("BildLaden()",10000);

ändern.


Natürlich sollte die Zeit angabe im Programm (pjwebcam) auch richtig angegeben sein.
[ externes Bild ]


Gruß, Techlife