Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨

[dos1973]

@Bostil

Mich interessiert primär der „Glow“effekt unter den kleinen Kacheln.
Das ist wahrscheinlich shadow/ inset aber ich bekomme es einfach nicht so hin, bei Dir siehst echt gut aus. Wenn du dass css reinstellen könntest wäre mir bereits sehr geholfen... thx

[Bostil]

@dos1973 Hi, ich fühle mich in PowerPoint mehr zuhause als in CSS, daher ist alles, was du in meiner Vis als Hintergrund siehst in Power Point ziemlich einfach & schnell "designed" worden und als "img" eingefügt.

[Chaot]

@dos1973 Meinst du sowas:

Ist Box-shadow

[Peoples]

Ich will keine Spaßbremse sein, aber ihr kommt leicht Thread-Thema ab :rolling_on_the_floor_laughing:

[dos1973]

@Peoples
Hast recht... sorry

[Boronsbruder]

@Peoples

Ist es eigentlich Absicht, dass in deinem "Beobachten-Abschnitt" die ID's fix eingetragen sind?

// Beobachten des Datenpunktes Screensaver um die Autoview einzuschalten

on({id:'javascript.0.System.Iobroker.ScreenSaverActive'/*Bildschirmschoner*/, change: "ne"}, function (dp) {

und

// Beobachten des View Datenpunktes

on({id:"javascript.0.System.Iobroker.Auto_Switch_View", change: "ne"}, function (dp) {

//    if(dp.state.val === true){

        startAutoSwitchView(DisplayTime,startView);

//    }

Sollte da nicht besser

on({id:'javascript.0.' + pfad0 + 'ScreenSaverActive'/*Bildschirmschoner*/, change: "ne"}

und

on({id:"javascript.0." + pfad0 +"Auto_Switch_View", change: "ne"}

stehen?

[Peoples]

@Boronsbruder

Da hast du Recht!

[Boronsbruder]

@Andre-R said in [Vorlage] Automatischer View-Wechsel u. Slideshow:

es läuft jetzt durch

hab Auto Switch View von true auf false gestellt und wieder zurück jetzt läufts. Es laufen jetzt aber leider alle Views durch auch die auf no stehen.

Ich habe auch bei der ersten Inbetriebnahme das Problem gehabt, dass das Skript nicht den Timer startete.

Beim Anklicken im Admin ist mir aufgefallen, dass "false" angezeigt wurde, aber das Kästchen angehakt war!
Nach dem Hin/Her-Schalten lief das Skript dann...

Das könnte an der createState liegen oder? (dass er 'false' als String interpretiert?)

Statt

createState(pfad0 + 'Auto_Switch_View',  {def: 'false',type: 'boolean',name: 'Alle Views durchlaufen lassen'});

besser ( benutze ich gerade)

createState(pfad0 + 'Auto_Switch_View',  false , {type: 'boolean',name: 'Alle Views durchlaufen lassen'});

Quelle GITHUB

oder vielleicht

createState(pfad0 + 'Auto_Switch_View',  {def: false,type: 'boolean',name: 'Alle Views durchlaufen lassen'});

[Peoples]

Hatte da nie Probleme, das create State von 2 zu 3 macht in meinen Augen technisch keinen Unterschied.
Bei eins könntest du Recht haben war bei mir aber auch egal und funktionierte.
Die fehlende Initialisierung des timers beim ersten Lauf könnte ein Problem sein.
Ich wollte eh das ganze Script für mehrere Endgeräte umschreiben, bin aber bisher nicht dazu gekommen.

[Solider]

@Peoples

Dann hatte ich ja alles richtig.

Ich habs mittlerweile.. Man sollte auch den state "ScreenSaver_Active" auf "true" setzen... :D
Da kann ich mich ja lange wundern, warum nix passiert :D
Danke :)

[Peoples]

@Solider
Das ist eine hervorragende Idee :rolling_on_the_floor_laughing:

[Bostil]

Habe nun die Vorschläge von Borons auch mal übernommen, aber "ScreenSaverActive" ist auf true, aber in den anderen Datenpunkten passiert nichts und auch der Bildschirmschoner hat noch keine Lust loszulegen.

• muss man hierfür auf einem bestimmten View sein, damit dieser nach 1 Minute (wie in meinem Code) aktiviert wird @Peoples ?

//
// Seitenwechsel-Script
// Autor: Peoples
//
//
// Funktionen:  1. Bei Viewwechsel wird geprüft ob eine andere View als Home gewählt ist
//                 wenn das der Fall ist wird ein Timer gesetzt nach dessen Ablauf wieder zurück
//                 auf Home gewechselt wird.
//              2. Wenn die Alarmanlage eingeschalten ist wird die PinEingabeView angezeigt.
//              3. Bei SystemView läuft kein Timer
//
//
// v2.0.0 - 30.09.2018  Neue Version - Grundaufbau geändert
// v2.0.1 - 09.03.2019  Slideshow aller gewünschen Views integriert
// v2.0.2 - 23.03.2019  Zusatzfunktion zum steuern der Sonderdatenpunkte eingebaut
// v2.0.3 - 28.03.2019  Zahlenwerte durch parseInt konvertiert
// v2.0.4 - 21.05.2019  Fehlerkorrekturen
// v2.0.5 - 14.09.2019  AutoViewWechsel als Screensaver möglich
// *******************************************************************************************************
 
// -----------------------------------------------------------------------------
// allgemeine Variablen
// -----------------------------------------------------------------------------
var logging = false;                                        // Logging on/off
var instanz = 'javascript.0';   instanz = instanz + '.';    // 
                                                            //
var pfad0 =   'System.Iobroker';      pfad0 = pfad0 + '.';  // Pfad innerhalb der Instanz 
var timerTout;
var timerAutoSV;
var DefaultView = 'Main';                                   // Standard-View
 
// Aus Datenpunkt vis.0.control.data entnehmen 
// der Teil vor dem Slash ist der Projektname:
// "Wandtablet/Home"
var project = "Vision";     project = project + '/';    // Name des Vis-Projekts
 
var DisplayTime = '480';                                     // Darstellungszeit der Views bei Autowechsel
var startView = 1;                                          // Startview bei Autowechsel
var screenSv_time = 1;                                     // Zeit nach der der ScreenSaver Seitenwechsel angeht in Minuten
 
//Alle vorhandenen Views
var VisViews = [
    
        /* View Name */                  /* Anzeigezeit */   /* In Slideshow anzeigen? */
 
    {'view':'Screensaver1',             'SWSec':180,            'ShowIAV':'yes'},
    {'view':'Screensaver2',         'SWSec':180,            'ShowIAV':'yes'},
    {'view':'Screensaver3',                     'SWSec':180,            'ShowIAV':'yes'},
    {'view':'Screensaver4',                      'SWSec':180,            'ShowIAV':'yes'},
    {'view':'Screensaver5',                     'SWSec':180,            'ShowIAV':'yes'},
    {'view':'Screensaver6',                       'SWSec':180,             'ShowIAV':'yes'},
    {'view':'Screensaver7',            'SWSec':180,             'ShowIAV':'yes'},
    {'view':'Screensaver8',                   'SWSec':180,            'ShowIAV':'yes'},
    {'view':'Screensaver9',                   'SWSec':180,            'ShowIAV':'yes'},
    {'view':'Screensaver10',       'SWSec':180,             'ShowIAV':'yes'},
    {'view':'Main',                         'SWSec':180,              'ShowIAV':'yes'},
    {'view':'Screensaver11',                      'SWSec':180,             'ShowIAV':'yes'},
    {'view':'Screensaver12',                'SWSec':180,             'ShowIAV':'yes'},

];
// -----------------------------------------------------------------------------
// Objekte
// -----------------------------------------------------------------------------
// Objekt für Alle Automatischen Abläufe
createState(pfad0 + 'Timer_View_Switch',  {def: '0',type: 'number',name: 'Timer für Wechsel auf DefaultView'});
createState(pfad0 + 'Auto_Switch_View',  {def: 'false',type: 'boolean',name: 'Alle Views durchlaufen lassen'});
createState(pfad0 + 'ScreenSaverActive',  {def: 'false',type: 'boolean',name: 'Bildschirmschoner'});
 
 
if(logging)log("Total "+Object.keys(VisViews).length+" entries");
 
// $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
// $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
// $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
// $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
 
// #############################################################################
// #                                                                           #
// #  Funktion zum automatischen Viewwechsel nach Timerablauf                  #
// #                                                                           #
// #############################################################################
 
function switchToHomeView() {
        timerTout = setTimeout(function () {
            var timer = parseInt(getState(pfad0 + 'Timer_View_Switch').val, 10);
            if (timer > 1) {
                setState(pfad0 + 'Timer_View_Switch',timer - 1);
                switchToHomeView();
            }
            else{
                setState(pfad0 + 'Timer_View_Switch', 0);
                setState('vis.0.control.instance', 'FFFFFFFF'); //getState("vis.0.control.instance").val/*Control vis*/);
                setState('vis.0.control.data', project + DefaultView);
                setState('vis.0.control.command', 'changeView');
            }
        }, 1000);
}
 
// #############################################################################
// #                                                                           #
// #  Funktion zum automatisch umlaufenden Viewwechsel                         #
// #                                                                           #
// #############################################################################
 
function autoSwitchView(dspTime,i) {
        if(i === '') i = 0;
        if(logging) log(i);
        if(i < Object.keys(VisViews).length){
            if(VisViews[i].ShowIAV == 'yes'){
                timerAutoSV = setTimeout(function () {
                    var timer = parseInt(getState(pfad0 + 'Timer_View_Switch').val, 10);
                    if (timer > 1) {
                        setState(pfad0 + 'Timer_View_Switch', timer - 1);
                        autoSwitchView(dspTime, i);
                    }
                    else{
                            setState(pfad0 + 'Timer_View_Switch', 0);
                            if(getState(pfad0 + 'Auto_Switch_View').val === true) switchView(project+VisViews[i].view);
                            startAutoSwitchView(dspTime,(i+1));
                    }
                }, 1000);
            }
            else{
                startAutoSwitchView(dspTime,(i+1));
            }
        }
        else{
           startAutoSwitchView(dspTime,startView); 
        }
}
 
// #############################################################################
// #                                                                           #
// #  Funktion zum Starten und Stoppen des automatischen Viewwechsel           #
// #                                                                           #
// #############################################################################
function startAutoSwitchView(dspTime,i){
    if(getState(pfad0 + 'Auto_Switch_View').val === true){
        if(dspTime !== ''){
            setState(pfad0 + 'Timer_View_Switch',parseInt(dspTime, 10));
        }
        else{
            setState(pfad0 + 'Timer_View_Switch',15);
        }
        autoSwitchView(dspTime,i);
    } 
    else{
        if(timerTout) clearTimeout(timerTout);
        switchView(project + DefaultView);
        setStateDelayed(pfad0 + 'Timer_View_Switch',0,2000);
    }
}
//
// Beobachten des View Datenpunktes
on({id:"javascript.0.System.Iobroker.Auto_Switch_View", change: "ne"}, function (dp) {
 
//    if(dp.state.val === true){
 
        startAutoSwitchView(DisplayTime,startView);
 
//    }
});
 
// #############################################################################
// #                                                                           #
// #  Funktion zum Scriptbasierten Viewwechsel                                 #
// #                                                                           #
// #############################################################################
 
function switchView(view){
    setState('vis.0.control.instance', 'FFFFFFFF');
    setState('vis.0.control.data', view);
    setState('vis.0.control.command', 'changeView');
}
 
// #############################################################################
// #                                                                           #
// #  Funktion zum Prüfen der Wunsch View und zum auslesen der Darstellzeit    #
// #                                                                           #
// #############################################################################
 
function checkView(wishView){
    if(logging) log('View to check:'+wishView);
    if(getState(pfad0 + 'Auto_Switch_View').val === false ){
        for(var i = 0; i < Object.keys(VisViews).length; i++) {  
            if(project+VisViews[i].view == wishView) {
                if(logging) log('View found in:' + i);
                if(timerTout) clearTimeout(timerTout);
                setState(pfad0 + 'Timer_View_Switch', 0);
                if(VisViews[i].SWSec !== 0){
                    setState(pfad0 + 'Timer_View_Switch', VisViews[i].SWSec);
                    switchToHomeView();
                }
            }
        }
    }
}
// #############################################################################
// #                                                                           #
// #  Zusatzfunktion um ZusatzDatenpunke zu steuern                            #
// #                                                                           #
// #############################################################################
function additionalActions(dp){
    if(dp == "Wandtablet/System"){
        setState(pfad0 + "Letzte_System_Meldungen_prio", '');
    }
    if(dp == "Wandtablet/Kamera_Bilder_Haustuere"){
        setState(pfad0 + "Tuerklingel_in_Abwesenheit", false);
    }
}
// #############################################################################
// #                                                                           #
// #  ScreenSaver Funktion zum Durchschalten der Views als Bildschirmschoner   #
// #                                                                           #
// #############################################################################
function screenSaver(){
    svTimer = setTimeout(function() {
        if(getState(pfad0 + 'ScreenSaverActive').val === true){
            if((new Date().getTime() - getState('vis.0.control.data').lc)/60000 > screenSv_time){
                setState(pfad0 + 'Auto_Switch_View', true);
            }
            else{
                setState(pfad0 + 'Auto_Switch_View', false);
            }  
            screenSaver();  
        }
    }, 60000);
    
}
 
// Beobachten des Datenpunktes Screensaver um die Autoview einzuschalten
on({id:'javascript.0.System.Iobroker.ScreenSaverActive'/*Bildschirmschoner*/, change: "ne"}, function (dp) {
    if(dp.state.val === true){
        screenSaver();
        if(logging) log('Screensaver On');
    }
    else{
        if(svTimer) clearTimeout(svTimer);
        setState(pfad0 + 'Auto_Switch_View', false);
        switchView(project + DefaultView);
    } 
});
 
 
// Beobachten des View Datenpunktes für Auswertung
on({id:"vis.0.control.data", change: "ne"}, function (dp) {
    checkView(dp.state.val);
        // Zusatzfunktion um den Datenpunkt zurück zu setzten
    additionalActions(dp.state.val);
});
 
 
 
//Bei aktiver Alarmanlage auf Pin-View umschalten
on({id: "javascript.0.Alarmanlage.Status.Status"/*Status für Scharfmeldung*/, change: 'any'}, function (dp) {
    if(dp.state.val == 2 || dp.state.val == '2'){
        switchView('Alarmanlage_code');
    }
    else{
        switchView(DefaultView);
    }
});
 
//Bei Bewegung auf Kamerabild umschalten
on({id:"hm-rpc.0.XXXXXXXXXX.1.MOTION"/*Bewegungsmelder.Aussen.Haustuere.XXXXXXXXX:1.MOTION*/, change: 'any'}, function (dp) {
    if(dp.state.val === true ){
         if(getState("javascript.0.Alarmanlage.Status.Status").val != 2 || getState("javascript.0.Alarmanlage.Status.Status").val != '2'){
           switchView('Kamera_Garage');
         }
         else{
            switchView('Alarmanlage_code');
         }
    }
});
 
 

[Peoples]

@Bostil
Einer der oben bei dir in der Liste eingetragen ist.
Kann auch gerne Mal Remote drauf schauen wenn du möchtest

[Bostil]

Danke @Peoples

MIt dem Code oberhalb gestaltet sich das Verhalten nun folgendermaßen:

1. Schalter für ScreenSaverActive wird auf True gesetzt
2. Damit wird der Timer (TimerViewSwitch) auf 180 Sekunden gesetzt und zählt herunter
3. Mit Ablauf des Timers, schaltet sich auch "AutoSwitchView" parallel auf aktiv und nun ist ein Timer über 480 Sekunden gestartet worden
4. es wurde dann kurzzeitig View "Screensaver2" aufgerufen, Timer sprang auf 480, dann auf 180 und nun ist es einfach zurück auf die Main-View gewechselt, während sich der Timer wieder auf 0 befindet und AutoSwitchView wieder deaktiviert wurde

Sehr seltsam .... ich verzweifle langsam an meinem Script, aber das kann ja nicht soviel anders als eures ticken ... danke.

[Peoples]

@Bostil
Was mir auf Anhieb mal ins Auge sticht sind die 480 Sekunden, das würde ja heißen jeder Screensaver wird 8 Minuten angezeigt. Hier habe ich schon mal 25, denn das Bild soll ja wechseln.
Ich vermute dass sich die zwei Timer (Automatisch zurück auf Mainview / Screensaver) überschneiden und so der eine Schaltet bevor der andere "gecleart" wurde ist aber nur eine Vermutung.

Das sind genau die Dinge die erst auftauchen wenn andere die Scripte testen, da ich nie auf die Idee gekommen wäre so lange Wechselzeiten zu machen.
Denke der Fehler liegt hier nicht bei dir sondern wirklich im Script, aber wie gesagt ich muss das eh überarbeiten da mache ich mir mal nen merker dass dies mit abgefragt wird

[Bostil]

@Peoples Keine Sorge, alles gut! Halte mich auch gerne an die Spielregeln und setze die Timer etwas runter.

Bei mir sieht das Szenario etwas anders aus insofern, dass ich einfach gerne einen stinknormalen Bildschirmschoner suche, der nach ein paar Minuten lediglich ein paar Views abspielt, die dann ein paar Minuten länger stehen bleiben dürften.

[Peoples]

@Bostil
Wenn ich's umgearbeitet habe funktioniert das hoffentlich :+1:

[Boronsbruder]

ich glaube hier ist der Fehler:

Der nächste Timer zum Check wird gestartet -> screenSaver();
Durch das Umschalten der View durch den AutoTimer, ist in der Abfrage der letzten Änderung dann die Bedingung nicht erfüllt und der Autoview wird wieder auf false gesetzt!

Lösung wäre ein "return" nach dem setzen von "Auto_Switch_View" auf true.

function screenSaver(){

    svTimer = setTimeout(function() {
        if(getState(pfad0 + 'ScreenSaverActive').val === true){
            if((new Date().getTime() - getState('vis.0.control.data').lc)/60000 > screenSv_time){
                setState(pfad0 + 'Auto_Switch_View', true);
                return;
            }

            else{
                setState(pfad0 + 'Auto_Switch_View', false);
            }  
            screenSaver();  
        }

    }, 60000);
}

Dann läuft der Screensaver weiter.

[Peoples]

@Boronsbruder
Wie gesagt bei mir und ändern läuft's so, warum das bei euch nicht so ist kann ich pauschal nicht sagen

Und was das Return an der Stelle bringen soll erschließt sich mir nicht ganz.

[Boronsbruder]

Es startet ja auch der Screensaver.

Aber nach 60s springt javascript.0.vis.Auto_Switch_View auf false und der Timer für das Zurückschalten auf die Homeview startet.
Und das return, verhindert , dass der erneute Start der screenSaver(); stattfindet der ja durch

if((new Date().getTime() - getState('vis.0.control.data').lc)/60000 > screenSv_time)

feststellt, dass der Letzte Wechsel weniger als 60s her ist.

Aber lass dich nicht stressen, die Funktion nutze ich einfach nicht ;)