SONOFF NSPanel mit Lovelace UI

michael_4358

@tt-tom said in SONOFF NSPanel mit Lovelace UI:

mrIcon1ScreensaverEntity:

TypeScript v4.3.1.3 zur Steuerung des SONOFF NSPanel mit dem ioBroker

    mrIcon1ScreensaverEntity: 
        { 
            ScreensaverEntity: NSPanel_Path + 'Relay.1', 
            ScreensaverEntityIconOn: 'lightbulb',
            ScreensaverEntityIconOff: null, 
            ScreensaverEntityValue: null,
            ScreensaverEntityValueDecimalPlace : 0,
            ScreensaverEntityValueUnit: null,
            ScreensaverEntityOnColor: On, 
            ScreensaverEntityOffColor: HMIOff 
        },
    mrIcon2ScreensaverEntity: 
        { 
            ScreensaverEntity: 'deconz.0.Sensors.5.open', 
            ScreensaverEntityIconOn: 'heat-wave',
            ScreensaverEntityIconOff: null, 
            ScreensaverEntityValue: 'deconz.0.Sensors.65.temperature',
            ScreensaverEntityValueDecimalPlace : 1,
            ScreensaverEntityValueUnit: '°', 
            ScreensaverEntityOnColor: MSRed, 
            ScreensaverEntityOffColor: Yellow 
        },

TT-Tom

@michael_4358

mrIcon2ScreensaverEntity: 
        { 
            ScreensaverEntity: 'deconz.0.Sensors.5.open', 
            ScreensaverEntityIconOn: 'heat-wave',
            ScreensaverEntityIconOff: null, 
            ScreensaverEntityValue: 'deconz.0.Sensors.65.temperature',
            ScreensaverEntityValueDecimalPlace : 1,
            ScreensaverEntityValueUnit: '°', 
            ScreensaverEntityOnColor: MSRed, 
            ScreensaverEntityOffColor: Yellow 
        },

hier steckt der Fehler, die Datenpunkte gibt's bei dir nicht. Es ist auch nur ein Beispiel.

michael_4358

@tt-tom said in SONOFF NSPanel mit Lovelace UI:

@michael_4358

mrIcon2ScreensaverEntity: 
        { 
            ScreensaverEntity: 'deconz.0.Sensors.5.open', 
            ScreensaverEntityIconOn: 'heat-wave',
            ScreensaverEntityIconOff: null, 
            ScreensaverEntityValue: 'deconz.0.Sensors.65.temperature',
            ScreensaverEntityValueDecimalPlace : 1,
            ScreensaverEntityValueUnit: '°', 
            ScreensaverEntityOnColor: MSRed, 
            ScreensaverEntityOffColor: Yellow 
        },

hier steckt der Fehler, die Datenpunkte gibt's bei dir nicht. Es ist auch nur ein Beispiel.

kann ich die einfach auskommentieren?

michael_4358

@tt-tom said in SONOFF NSPanel mit Lovelace UI:

@michael_4358

mrIcon2ScreensaverEntity: 
        { 
            ScreensaverEntity: 'deconz.0.Sensors.5.open', 
            ScreensaverEntityIconOn: 'heat-wave',
            ScreensaverEntityIconOff: null, 
            ScreensaverEntityValue: 'deconz.0.Sensors.65.temperature',
            ScreensaverEntityValueDecimalPlace : 1,
            ScreensaverEntityValueUnit: '°', 
            ScreensaverEntityOnColor: MSRed, 
            ScreensaverEntityOffColor: Yellow 
        },

hier steckt der Fehler, die Datenpunkte gibt's bei dir nicht. Es ist auch nur ein Beispiel.

habe die beiden mal auskommender nun sind noch

20:11:51.959	warn	javascript.0 (540063) at script.js.NSPanel.pdf:3349:46
20:11:51.959	warn	javascript.0 (540063) at step (script.js.NSPanel.pdf:33:23)
20:11:51.959	warn	javascript.0 (540063) at Object.next (script.js.NSPanel.pdf:14:53)
20:11:51.959	warn	javascript.0 (540063) at fulfilled (script.js.NSPanel.pdf:5:58)

MichaelF

@michael_4358

Hi, nein die TFT Firmware

TT-Tom

@michael_4358
Wie aus kommentiert? Bitte zeigen komplett.

michael_4358

@tt-tom

Bin gerade nicht am pc..

Habe vor der Zeile mit den datenpunkten „//„ angefügt, mehr nicht

TT-Tom

@michael_4358
Ja so passt das nicht.


mrIcon1ScreensaverEntity: 
        { 
            ScreensaverEntity: NSPanel_Path + 'Relay.1', 
            ScreensaverEntityIconOn: 'lightbulb',
            ScreensaverEntityIconOff: null, 
            ScreensaverEntityValue: null,
            ScreensaverEntityValueDecimalPlace : 0,
            ScreensaverEntityValueUnit: null,
            ScreensaverEntityOnColor: On, 
            ScreensaverEntityOffColor: HMIOff 
        },
    mrIcon2ScreensaverEntity: 
        { 
            ScreensaverEntity: NSPanel_Path + 'Relay.2', 
            ScreensaverEntityIconOn: 'lightbulb',
            ScreensaverEntityIconOff: null, 
            ScreensaverEntityValue: null,
            ScreensaverEntityValueDecimalPlace : 0,
            ScreensaverEntityValueUnit: null, 
            ScreensaverEntityOnColor: On, 
            ScreensaverEntityOffColor: HMIOff 
        },

ersetze mal bitte hier mit. Das funktioniert ohne Fehlermeldung und zeigt dir den Zustand der Relais.

manylopmy

Gute Abend zusammen
Ich würde mich gerne daran geben, meine Sonos Boxen über das NSPanel

Ein und Auszuschalten
Lautstärke zu regulieren.

Da gibt es bestimmt schon einige Realisierungen.
Ich wäre froh wenn mir jemand eine kurze Beschreibung der Vorgehensweise (und welche Voraussetzungen ich erfüllt haben muss) mitteilen würde.
Stand derzeitig ist:
Der Sonos Adapter ist unter Objekte mit seinen Datenpunkten vorhanden. Ich habe bisher keinen zu SONOS gehörenden Alias eingerichtet.

Vielen Dank
Manfred

TT-Tom

@manylopmy schon mal im Wiki auf github gelesen. Siehe Signatur

australien

@tt-tom
ja, das kenne ich.
Wollte eigene Bilder (locale Logos) anstatt des Radio-Icons.

Ist es möglich eigene Bilder anstatt des Icons einzusetzen? Ev. via die icon_mapping.ts

Kuckuckmann

@australien

Hey,

das icon_mapping.ts enhält ja letztlich die Icons von der Seite, die ich Dir gegeben habe. Es bleibt dabei, neue Icons bitte über das Git einkippen

Wir haben keine Möglichkeit derzeit, da einfach mal ein JPG oder PNG einzuladen. Das Nextiondisplay ist da etwas "speziell".

LG

australien

@Kuckuckmann
Ok. Danke. Verstehe.

manylopmy

@tt-tom
Ich habe in der Zwischenzeit gelesen und gemacht.
Mit mittlerem Erfolg. Ich habe verstanden, dass ich einen Player benötige (logisch) und mir verschiedene zur Auswahl stehen. Spotify, Volumio und Sonos.
Habe mit Sonos und Spotify versucht. Ich bekomme auch eine Page und habe ein wenig Zugriff auf mein Sonos. Derzeit habe ich folgenden Eintrag im ts:

let Sonos = <PageMedia>
{
    'type': 'cardMedia',
    'heading': 'Sonos',
    'useColor': true,
    'items': [<PageItem>{   
                id: 'alias.0.NSPanel.1.Media.Sonos_1', 
                adapterPlayerInstance: 'alias.0.NSPanel.1.Media.Sonos_1',
                mediaDevice: '192_168_178_86',
                speakerList: ['Wohnzimmer'],
                colorMediaIcon: colorRadio,
                colorMediaArtist: Yellow,
                colorMediaTitle: Yellow,
                autoCreateALias : true
             }]
};

Nun erscheint eine Page in der der Sender, der Titel und ich glaube das Album angezeigt werden. Weiterhin kann ich Next und Prev nutzen. Dazwischen steht auch das Pause-Symbol. das klappt auch, wechselt aber dann nicht in Play-Symbol und läßt auch keinen Start mehr zu.
Seltsam finde ich selber, dass die ID als auch die PlayerInstance identisch sind. Aber ich finde keine wirkliche Alternative.

Kann mir an der Stelle jemand auf die Sprünge helfen?
Zum Schluß hätte ich gerne eine Anzeige, in der auch z.B. Playlist stehen in denen ich Titel aussuchen kann. Aber, - das ist next Step. Zuerst wäre es schön, die Steuerung richtig hinzubekommen.

20230928_175827.jpg

So sieht die Page aktuell aus.
Gruß Manfred

michael_4358

Hallo

ich habe das problem das ich nun das display nicht ganz mittig habe... kann man die Ansicht zentrieren?

TT-Tom

@manylopmy
Weiter kann ich dir da nicht helfen. Nutze keine Media Page und auch keinen der Adapter.

TT-Tom

@michael_4358 kann deine Aussage nicht nachvollziehen, worauf beziehst du dich? Die Positionen sind auf dem Panel festgeschrieben und lassen sich nicht ändern.

michael_4358

@tt-tom habe das tat neu geflasht nun passt es. wird sich wohl verschluckt haben.

ich hatte bei meinen (sehr) alten script folgende screensaver einstellungen:

    panelRecvTopic: 'mqtt.0.NSPanel.tele.NsPanel.RESULT',       // anpassen
    panelSendTopic: 'mqtt.0.NSPanel.cmnd.NsPanel.CustomSend',   // anpassen
    firstScreensaverEntity: { ScreensaverEntity: 'modbus.0.holdingRegisters.1068_soc', ScreensaverEntityIcon: 'battery', ScreensaverEntityText: 'Speicher', ScreensaverEntityUnitText: '%', ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 100} },
    secondScreensaverEntity: { ScreensaverEntity: 'kostal-piko-ba.0.Power.DC1Power', ScreensaverEntityIcon: 'sun-wireless', ScreensaverEntityText: "Garten", ScreensaverEntityUnitText: 'W', ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 120} },
    thirdScreensaverEntity: { ScreensaverEntity: 'kostal-piko-ba.0.Power.DC2Power', ScreensaverEntityIcon: 'sun-wireless', ScreensaverEntityText: 'Strasse', ScreensaverEntityUnitText: 'W', ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 9} },
    fourthScreensaverEntity: { ScreensaverEntity: 'kostal-piko-ba.0.Statistics_Daily.Yield', ScreensaverEntityIcon: 'power-plug-outline', ScreensaverEntityText: 'Gesamt/Tag', ScreensaverEntityUnitText: 'W', ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 100, 'val_best': 65} },
    alternativeScreensaverLayout: false,
    autoWeatherColorScreensaverLayout: false,
    mrIcon1ScreensaverEntity: { ScreensaverEntity: 'mqtt.0.NSPanel.stat.NsPanel.POWER1', ScreensaverEntityIcon: 'light-switch', ScreensaverEntityOnColor: On, ScreensaverEntityOffColor: HMIOff  },
    mrIcon2ScreensaverEntity: { ScreensaverEntity: 'mqtt.0.NSPanel.stat.NsPanel.POWER2', ScreensaverEntityIcon: 'lightbulb', ScreensaverEntityOnColor: On, ScreensaverEntityOffColor: HMIOff  },
    timeoutScreensaver: 10,
    dimmode: 90,

sind das in der aktuellen version die folgenden

    bottomScreensaverEntity :  
        [
            // bottomScreensaverEntity 1
            {
                ScreensaverEntity: 'accuweather.0.Daily.Day1.Sunrise',
                ScreensaverEntityFactor: 1,
                ScreensaverEntityDecimalPlaces: 0,
                ScreensaverEntityDateFormat: 'hh:mm',   // like DD.MM or DD.MM.YY or YYYY/MM/DD or hh:mm
                ScreensaverEntityIconOn: 'weather-sunset-up',
                ScreensaverEntityIconOff: null,
                ScreensaverEntityText: 'Sonne',
                ScreensaverEntityUnitText: '%',
                ScreensaverEntityIconColor: MSYellow //{'val_min': 0, 'val_max': 100}
            },
            // bottomScreensaverEntity 2
            {
                ScreensaverEntity: 'accuweather.0.Current.WindSpeed',
                ScreensaverEntityFactor: (1000/3600),
                ScreensaverEntityDecimalPlaces: 1,
                ScreensaverEntityIconOn: 'weather-windy',
                ScreensaverEntityIconOff: null,
                ScreensaverEntityText: "Wind",
                ScreensaverEntityUnitText: 'm/s',
                ScreensaverEntityIconColor: { 'val_min': 0, 'val_max': 120 }
            },
            // bottomScreensaverEntity 3
            {
                ScreensaverEntity: 'accuweather.0.Current.WindGust',
                ScreensaverEntityFactor: (1000/3600),
                ScreensaverEntityDecimalPlaces: 1,
                ScreensaverEntityIconOn: 'weather-tornado',
                ScreensaverEntityIconOff: null,
                ScreensaverEntityText: 'Böen',
                ScreensaverEntityUnitText: 'm/s',
                ScreensaverEntityIconColor: { 'val_min': 0, 'val_max': 120 }
            },
            // bottomScreensaverEntity 4
            {
                ScreensaverEntity: 'accuweather.0.Current.WindDirection',
                ScreensaverEntityFactor: 1,
                ScreensaverEntityDecimalPlaces: 0,
                ScreensaverEntityIconOn: 'windsock',
                ScreensaverEntityIconOff: null,
                ScreensaverEntityText: 'Windr.',
                ScreensaverEntityUnitText: '°',
                ScreensaverEntityIconColor: White
            },
            // bottomScreensaverEntity 5 (for Alternative and Advanced Screensaver)
            {
                ScreensaverEntity: 'accuweather.0.Current.RelativeHumidity',
                ScreensaverEntityFactor: 1,
                ScreensaverEntityDecimalPlaces: 1,
                ScreensaverEntityIconOn: 'water-percent',
                ScreensaverEntityIconOff: null,
                ScreensaverEntityText: 'Feuchte',
                ScreensaverEntityUnitText: '%',
                ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 100, 'val_best': 65}
            },
            // bottomScreensaverEntity 6 (only Advanced Screensaver)
            {
                ScreensaverEntity: 'accuweather.0.Current.UVIndex',
                ScreensaverEntityFactor: 1,
                ScreensaverEntityDecimalPlaces: 0,
                ScreensaverEntityIconOn: 'solar-power',
                ScreensaverEntityIconOff: null,
                ScreensaverEntityText: 'UV',
                ScreensaverEntityUnitText: '',
                ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 9}

würde dort gerne wieder meine pv Daten abbilden

TT-Tom

@michael_4358

Ja diese kannst du nutzen. Weitere Infos findest du hier.

Armilar

@manylopmy

Oha - benutze mal "exakt" das...

let Sonos = <PageMedia>
{
    'type': 'cardMedia',
    'heading': 'Sonos',
    'useColor': true,
    'items': [<PageItem>{   
                id: AliasPath + 'Media.PlayerSonos', 
                adapterPlayerInstance: 'sonos.0.',
                mediaDevice: '192_168_178_86',
                speakerList: ['Wohnzimmer'],
                colorMediaIcon: colorRadio,
                colorMediaArtist: Yellow,
                colorMediaTitle: Yellow,
                autoCreateALias : true
             }]
};

... wenn es eine cardMedia für den Sonos-Adapter werden soll

Falls du den Spotify-Adapter nutzt, dann kannst du auch die cardMedia für Spotify einrichten... Die hat einige Funktionen mehr als die cardMedia für Spotify... Falls die Sonos auch Alexa unterstützen wäre die cardMedia für Alexa auch eine mächtigere Alternative.

Kannst aber auch mehrere Player gleichzeitig betreiben und die Unterschiede testen!

NEWS

SONOFF NSPanel mit Lovelace UI

Support us

1.0k
Online

31.6k
Users

79.4k
Topics

1.3m
Posts

NEWS

SONOFF NSPanel mit Lovelace UI

Support us

1.0kOnline

31.6kUsers

79.4kTopics

1.3mPosts

1.0k
Online

31.6k
Users

79.4k
Topics

1.3m
Posts