[Gelöst] Vis im Kiosk Modus erster Start schneller aktuali
-
Hallo liebe Forengemeinde,
Ich habe ioBroker bei mir im Wohnwagen verbaut. Soweit läuft auch alles super und stabil.
Mich stört beim ersten Start die Ladezeit bis die VIS Seite angezeigt wird. Die Adpater sind alles schnell geladen, aber die Seite wird erst spät akutalisiert.
Aktuell ist es wie folgt verbaut:
Pi 4 mit dem 7 Zoll Touch Display
Autostart Kiosk Mode im FullscreenFolgendes ist im Autostart eingetragen:
sudo nano /etc/xdg/lxsession/LXDE-pi/autostart@chromium-browser http://192.168.0.3:8082/vis/index.html?Wohnwagen#Home --start-fullscreen --noerrdialogs --no-first-run --disk-cache-dir=/dev/null
Der Pi startet und ioBroker lädt alle Instanzen. Nach einer Minute ist alles gestartet. Leider wird die Seite erst nach ca. 2 Minuten und 30 Sekunden aktualisiert.
Ist es möglich das er die Seite so lange aktualisiert (alle 5 Sekunden) bis die Seite einmal geladen wurde.
Vielen Dank im Voraus
-
@darkmann2000 versuchmal den WEB adapter zuerst zu starten, vielleicht klappts
https://forum.iobroker.net/topic/64900/startreihenfolge-der-adapter/5
sonst in der autostart ein timout einbauen wann der den chrome starten soll
-
Hallo,
vielen Dank für deine Rückmeldung. Die Stratreihenfolge habe ich schon angepasst. Chrome startet zu schnell und kann die Webseite nicht finden / öffnen weil die Instanz Web und Vis noch nicht geladen sind.Gibt es keine Chrome funktion das eine Webseite solange aktualisiert wird bis die Seite geladen / geöffnet wird? ERR_CONNECTION_REFUSED wird ja angezeigt. Ist es möglich darauf aufzubauen?
Die Alternative wäre der von Dir angesprochene Timeout. Wie kann ich den einabauen das der Kiosk Mode / Chrome später startet?
-
sleep 30;@chromium-browser http://192.168.0.3:8082/vis/index.html?Wohnwagen#Home --start-fullscreen --noerrdialogs --no-first-run --disk-cache-dir=/dev/nullkönnte klappen, dann wartet er erst 30 Sekunden und startet dann erst den Browser. Bei Bedarf ein höherer Wert.
Alternativ müsstest du den Browser aus ioBroker heraus per Skript starten, das Skript wartet dann bis der Adapter läuft.
Das ginge auch in einem eigenen Bash-Startskript, den Status der Adapter kann man ja per
iobabfragen.
Die lange Pause ist aber wahrscheinlich das einfachste -
@bananajoe sagte in Vis im Kiosk Modus erster Start schneller aktualisieren:
sleep 30;@chromium-browser http://192.168.0.3:8082/vis/index.html?Wohnwagen#Home --start-fullscreen --noerrdialogs --no-first-run --disk-cache-dir=/dev/null
Hi,
ich habe es getestet. So startet Chromium gar nicht mehr
sleep 30;@chromium-browser http://192.168.0.3:8082/vis/index.html?Wohnwagen#Home --start-fullscreen --noerrdialogs --no-first-run --disk-cache-dir=/dev/null -
@darkmann2000 das könnte an dem
@vor dem Chromium liegen. Das muss entweder ganz weg oder vor dassleep
Es muss wohl am Anfang stehen und bedeutet das er das Programm neu starten soll falls es beendet wird -
Funktioniert leider auch nicht
-
Mangels Raspberry Pi mit GUI kann ich dann leider nicht weiterhelfen, ich hatte nur schnell die Anleitung überflogen. Eine Pause ist über diesen Autostartweg an sich nicht vorgesehen.
Als Alternative könntest ggf. zusätzlich Schalter für den Chrome testen, z.B. die Option
--enable-auto-reloadwelche bei Fehlerseiten es regelmäßig automatisch neu versuchtSiehe auch: https://peter.sh/experiments/chromium-command-line-switches/
Ich könnte mir als Lösung auch vorstellen auf dem Raspi auf Port 80 einfach einen Webserver mitlaufen zu lassen. Der hat dann nur eine
index.htmlmit einer Meldung "Bitte warten" und einer Weiterleitung nach 60 Sekunden auf die eigentlichehttp://192.168.0.3:8082/vis/index.html?Wohnwagen#HomeSeite. Chromium würdest du dann mit der Seitehttp://192.168.0.3/starten.
Der Apache Webserver sollte locker gestartet sein bis deine GUI soweit ist.Die
index.htmlwürde so aussehen:<!DOCTYPE html> <html> <head> <title>ioBroker wird geladen</title> <meta http-equiv = "refresh" content = "60; url=http://192.168.0.3:8082/vis/index.html?Wohnwagen#Home" /> </head> <body> <p>ioBroker VIS wird in 60 Sekunden gestartet ...</p> </body> </html>Wenn du dir das zutraust:
sudo apt install apache2Installiert den Webserver, dann die folgende Datei bearbeiten
sudo nano /var/www/html/index.htmlUnd mit dem obigen Inhalt ersetzen.
Hier noch eine "Luxusversion" mit schwarzen Bildschirm und weißen Text
<!DOCTYPE html> <html> <head> <title>ioBroker wird geladen</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv = "refresh" content = "60; url=http://192.168.0.3:8082/vis/index.html?Wohnwagen#Home" /> <style> p { text-align: center; font-size: 60px; margin-top: 10%; } body { background-color: #000000; color: #ffffff; font-family: Arial, Helvetica, sans-serif; } </style> </head> <body> <p id="countdown"> ioBroker VIS wird in 60 Sekunden gestartet ...</p> <script> var counter = 60; var interval = setInterval(function() { counter = counter - 1; if (counter <= 0) { clearInterval(interval); document.getElementById("countdown").innerHTML = "ioBroker VIS wird gestartet ..."; return; } else { document.getElementById("countdown").innerHTML = "ioBroker VIS wird in<br><br>" + counter + "<br><br>Sekunden gestartet ..."; } }, 1000); </script> </body> </html>Hier mal die letzten Sekunden (Skript steht auf 60 Sekunden)
-
@bananajoe
Vielen Dank für deine Unterstützung.Ich werde als erstes die --enable-auto-reload Funktion einbauen.
Wenn das nicht funktioniert schaue ich mir deine Lösung an.
Hast du das bei dir so umgesetzt? Läuft das ohne Probleme? Kein einfrieren oder ähnliches?
-
@darkmann2000 sagte in Vis im Kiosk Modus erster Start schneller aktualisieren:
Hast du das bei dir so umgesetzt? Läuft das ohne Probleme? Kein Einfrieren oder ähnliches?
Ich habe das vorhin bei mir extra für dich getestet.
Das ist eine simple Weiterleitung - da sollte nichts einfrieren. Der Reload ist HTML-Code, der Countdown ist JavaScript, nach 60 Sekunden wird vollständig die nächste Seite geladen als ob du diese direkt aufgerufen hättest -
Hi,
ich kann dir gar nicht sagen wie dankbar ich dir bin. Das funktioniert einwandfrei.
Ist es möglich die weiße (Bildlaufleiste rot markiert) unsichtbar zu machen?
Oder gibt es eine funktion Bildlaufleiste deaktivieren)
PS: Die Funktion --enable-auto-reload in chromium hat nicht funktiniert.
-
Dank Chat GPT ist die Bildlaufleiste nun auch entfernt. So funktinoiert es.
Kann ich den Code von Chat GPT so lassen?
<!DOCTYPE html> <html> <head> <title>ioBroker wird geladen</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="refresh" content="60; url=http://192.168.0.3:8082/vis/index.html?Wohnwagen#Home" /> <style> body { background-color: #000000; color: #ffffff; font-family: Arial, Helvetica, sans-serif; overflow: hidden; /* Prevents scrollbars from appearing */ margin: 0; /* Removes any default body margin */ height: 100vh; /* Ensures the body takes up the full viewport height */ display: flex; justify-content: center; align-items: center; } p { text-align: center; font-size: 60px; margin: 0; /* Removes default paragraph margin */ } </style> </head> <body> <p id="countdown">ioBroker VIS wird in 60 Sekunden gestartet ...</p> <script> var counter = 60; var interval = setInterval(function() { counter = counter - 1; if (counter <= 0) { clearInterval(interval); document.getElementById("countdown").innerHTML = "ioBroker VIS wird gestartet ..."; return; } else { document.getElementById("countdown").innerHTML = "ioBroker VIS wird in<br><br>" + counter + "<br><br>Sekunden gestartet ..."; } }, 1000); </script> </body> </html> -
@darkmann2000 sind ja nur ein paar CSS Anweisungen dazu kommen, ich sehe nichts was Probleme machen sollte
-
Perfekt vielen Dank
-
@bananajoe Servus,
beschäftige mich auch schon eine Zeit mit Iobroker und habe das selbe Problem, jetzt kommt mir der Gedanke ob man da nicht noch ein Hintergrundbild einfügen kann, bei mir zum beispiel, würde es das Logo vom Wohnwagenhersteller sein.LG Daniel
-
Mit dem Hintergrundbild habe ich jetzt schon hinbekommen. Jetzt heißt es die Position der Schrift anpassen, ggf. das Hintergrundbild transparenter machen. Ich brauch auch nicht unbedingt den Counter zu sehen, mir würde es reichen, wenn da dann 3 Punkte oder so sind im Blinkwechsel. Ist ewigkeiten her das ich HTML programmiert habe.LG Daniel
-
@rssb123 sagte in [Gelöst] Vis im Kiosk Modus erster Start schneller aktuali:
Mit dem Hintergrundbild habe ich jetzt schon hinbekommen. Jetzt heißt es die Position der Schrift anpassen, ggf. das Hintergrundbild transparenter machen. Ich brauch auch nicht unbedingt den Counter zu sehen, mir würde es reichen, wenn da dann 3 Punkte oder so sind im Blinkwechsel. Ist ewigkeiten her das ich HTML programmiert habe.LG Daniel
du, ich suche mir die CSS Anweisungen auch nur per Google zusammen ...
Wenn da nur 3 Punkte punkten sollen, müsstest du ja nur den Text im Script anpassen, das er.,..und...im Wechsel macht. Oder jedes mal einen Punkt dazu.
Oder nimm ein Gif also Ladeanzeige ...
-
@bananajoe ich habe das jetzt so belassen, nur die Position der Schrift über und unter das Logo verschoben. Passt auch soweit, alles weitere wird sich dann zeigen, wenn das dann richtig in Betrieb geht, aber aktuell ist Baustop, da mir die Spannungsversorung noch im Wohnwagen fehlt, aber die Hardware schon verbaut ist.
LG Daniel
