[Gelöst] Vis im Kiosk Modus erster Start schneller aktuali

Darkmann2000

@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?

BananaJoe

@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

Darkmann2000

@bananajoe

Hi,
ich kann dir gar nicht sagen wie dankbar ich dir bin. Das funktioniert einwandfrei. :+1: :+1: :+1:

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.

Darkmann2000

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>

:+1: :+1: :+1:

BananaJoe

@darkmann2000 sind ja nur ein paar CSS Anweisungen dazu kommen, ich sehe nichts was Probleme machen sollte

Darkmann2000

Perfekt vielen Dank

RSSB123

@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

RSSB123

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

BananaJoe

@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 ...

RSSB123

@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

Community Forum

NEWS

[Gelöst] Vis im Kiosk Modus erster Start schneller aktuali

Support us

493

32.6k

82.0k

1.3m