From 283457c7b65134020368c09e7863f5cf1b650c6b Mon Sep 17 00:00:00 2001
From: Armilar <102996011+Armilar@users.noreply.github.com>
Date: Mon, 4 Dec 2023 16:25:29 +0100
Subject: [PATCH] =?UTF-8?q?Updated=20NSPanel=20=E2=80=90=20cardMedia=20?=
 =?UTF-8?q?=E2=80=90=20Der=20SONOS=20Player=20(markdown)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 NSPanel-‐-cardMedia-‐-Der-SONOS-Player.md | 57 ++++++++++++++++++++++-
 1 file changed, 56 insertions(+), 1 deletion(-)

diff --git a/NSPanel-‐-cardMedia-‐-Der-SONOS-Player.md b/NSPanel-‐-cardMedia-‐-Der-SONOS-Player.md
index da4481d..e24134e 100644
--- a/NSPanel-‐-cardMedia-‐-Der-SONOS-Player.md
+++ b/NSPanel-‐-cardMedia-‐-Der-SONOS-Player.md
@@ -139,7 +139,62 @@ Das PageItem enthält keinen equalizerString --> Die Favoriten werden automatisc
 ### 19. Navigation zur vorherigen Seite  
 * siehe [Navigation](ioBroker-Navigation)  
 
-# Erstellen der Seitenvariable
+# Erstellung der Seitenvariable für die cardMedia
+
+![image](https://github.com/joBr99/nspanel-lovelace-ui/assets/102996011/e87fd566-af21-475e-80dd-81e6225e52e9)
+
+## Beispiele:
+### Standard Beispielvorlage für AlwaysOnDisplay
+In diesem Beispiel wird der Screensaver nach eingestellter nicht aufgeschaltet. Der Player bleibt geöffnet bis zu einer Seite ohne alwaysOnDisplay navigiert wird.
+```typescript
+let Sonos = <PageMedia>
+{
+    'type': 'cardMedia',
+    'heading': 'Sonos Player',
+    'useColor': true,
+    'items': [<PageItem>{   
+                id: AliasPath + 'Media.PlayerSonos', 
+                adapterPlayerInstance: 'sonos.0.',
+                mediaDevice: '192_168_1_212',
+                speakerList: ['Wohnzimmer', 'Küche', Büro],
+                playList: ['Hartmann','Armilars Playlist'],
+                colorMediaIcon: colorSonos,
+                colorMediaArtist: Yellow,
+                colorMediaTitle: Yellow,
+                alwaysOnDisplay: true,
+                autoCreateALias: true
+             }]
+};
+```
+
+### Standard Beispielvorlage ohne AlwaysOnDisplay
+In diesem Beispiel wird der Screensaver nach eingestellter Zeit aufgerufen. Der Player wird geschlossen.
+```typescript
+let Sonos = <PageMedia>
+{
+    'type': 'cardMedia',
+    'heading': 'Sonos Player',
+    'useColor': true,
+    'items': [<PageItem>{   
+                id: AliasPath + 'Media.PlayerSonos', 
+                adapterPlayerInstance: 'sonos.0.',
+                mediaDevice: '192_168_1_212',
+                speakerList: ['Wohnzimmer', 'Küche', Büro],
+                playList: ['Hartmann','Armilars Playlist'],
+                colorMediaIcon: colorSonos,
+                colorMediaArtist: Yellow,
+                colorMediaTitle: Yellow,
+                autoCreateALias: true
+             }]
+};
+```
+
+mediaDevice ist hierbei die mit '_' getrennte IP des primären Wiedergabegerätes und muss angepasst werden. Der Inhalt ist analog des Datenpunktes `sonos.0.root.<DEVICE_IP>.coordinator`
+![image](https://github.com/joBr99/nspanel-lovelace-ui/assets/102996011/6de74a6c-0aed-480e-9a07-196148d01a25)
+
+> [!CAUTION]
+> Nicht zu empfehlen!!!: Der Parameter autoCreateALias kann ebenfalls entfernt werden, jedoch muss ein korrekter Media-Alias mit dem Channel "media" und den > erwarteten Datenpunkten dann "per Hand" erstellt werden  
+
 
 # Erstellung der Sonos Listen
 ## Favoriten Liste