Website: Aufbau, Struktur und Einbinden einer Webcam

[Achim (Gast)]

Hallo zusammen,

ich tüfftel jetzt schon 2 tage an einer Lösung. Aber irgendwie will es 
mit meinen Kenntnissen und meinen Stichworten bei google einfach nicht 
klappen.

Ich visualisiere gerade mein SmartHome mit folgende, Aufbau:

Navigations-bereich 1
-----------------------------------------------------------------
Navigationsbereich 2 |       INHALT                 |webcamstream


Jetzt ist es so, dass im INHALT die Anwahlbuttons für das Licht ist. Da 
ich auch von jedem anderen beliebigen Platz die Lichter an und ausmachen 
kann, refresht der den Teil nach 1s immer neu. Bisher war auch alles 
kein Problem. Da ich aber im Navigationsbereich weitere Seitenlinks 
anlegen möchte, musste ich auf javascript zurückgreifen um den INHALT 
dynamisch zu laden und dynamisch zu refreshen. Das habe ich dann über 
ein Iframe gelöst, damit der webcamstream erhalten bleibt und nicht 
immer mit neugeladen wird.
Auch das funktioniert alles.

Allerdings flackert das refreshen des Inhalts (naturgemäß). Ich suche 
nun einen anderen Ansatz, der das möglich macht. Sodass ich im linken 
Navigationsbereich dynamisch verschiedene Inhalte für INHALT laden kann, 
die sich automatisch alle Sekunde refreshen. Dabei soll aber der 
webcamstream nicht immer wieder neu geladen werden.

Kann man das verstehen, was ich meine?

Gruß Achim

[Michael (Gast)]

Was du suchst ist vmtl. etwas wie jQuery
https://www.w3schools.com/jquery/

[Achim (Gast)]

Michael schrieb:
> Was du suchst ist vmtl. etwas wie jQuery
> https://www.w3schools.com/jquery/

Wie genau meinst du das? Über die HIDE-Funktionalität? und wie refresht 
der dann?

[Weinbauer (Gast)]

Nee, das macht man mit AJAX, also per KavaScript den neuen Inhalt pollen 
und dann nach Empfang in einem Rutsch in n DIV schreiben. Kann man 
zyklisch machen per Timer

[Weinbauer (Gast)]

JavaScript... sorry

[Stefan H. (Firma: dm2sh) (stefan_helmert)]

Achim schrieb:
> Michael schrieb:
>> Was du suchst ist vmtl. etwas wie jQuery
>> https://www.w3schools.com/jquery/
>
> Wie genau meinst du das? Über die HIDE-Funktionalität? und wie refresht
> der dann?

Das war eine Art Witz. Es existiert das Gerücht, dass man alles, was 
irgendetwas mit Web zu tun hat, mit jQuery lösen kann.

[Sheeva P. (sheevaplug)]

Weinbauer schrieb:
> Nee, das macht man mit AJAX, also per KavaScript den neuen Inhalt pollen
> und dann nach Empfang in einem Rutsch in n DIV schreiben. Kann man
> zyklisch machen per Timer

Anstatt zu Pollen sind vermutlich Websockets die bessere Wahl.

[Weingut P. (weinbauer)]

Sheeva P. schrieb:
> Weinbauer schrieb:
>> Nee, das macht man mit AJAX, also per KavaScript den neuen Inhalt pollen
>> und dann nach Empfang in einem Rutsch in n DIV schreiben. Kann man
>> zyklisch machen per Timer
>
> Anstatt zu Pollen sind vermutlich Websockets die bessere Wahl.

möglich, der Verfasser hat leider nicht weiter angegeben wo die Buttons 
für das Licht her kommen. Wenn man n ws aufmachen kann, klar, JS-polling 
ist da etwas universeller denk ich.

Versuch macht kluch :)

[Sheeva P. (sheevaplug)]

Weingut P. schrieb:
> Sheeva P. schrieb:
>> Anstatt zu Pollen sind vermutlich Websockets die bessere Wahl.
>
> möglich, der Verfasser hat leider nicht weiter angegeben wo die Buttons
> für das Licht her kommen. Wenn man n ws aufmachen kann, klar, JS-polling
> ist da etwas universeller denk ich.

Moderne Websocket-Frameworks versuchen, ob sie einen Websocket öffnen 
können, und sofern das fehlschlägt, gibt es einen Fallback auf 
Polling... ;-)

> Versuch macht kluch :)

Und wie! ;-)