Skip to content

NSPanel ‐ cardMedia ‐ Der Spotify‐Premium Player

Armilar edited this page Feb 10, 2024 · 18 revisions

image

Inhalt:

Aufbau des Spotify-Premium Players

(vollständig ab NSPanelTs.ts - Version 4.3.3.42)

image

Voraussetzungen für den Spotify-Premium Player:

Der Player benötigt eine korrekt eingerichtete Instanz des ioBroker Spotify-Premium Community Adapters: https://github.com/iobroker-community-adapters/ioBroker.spotify-premium

Bekannte Fehler des Spotify-Premium Adapters umgehen:

Damit die Elapsed/Duration Anzeige nicht permanent auf 0:00 zurückspringt, ist es die Instanz-Empfehlungen zu ignorieren und folgende Einstellungen zu verwenden: image

Weiter Infos zu diesem Fehler: https://github.com/iobroker-community-adapters/ioBroker.spotify-premium/issues/167

Player im Live-Betrieb:

Nextion_Editor_Flp8X3uvVi

Bedienungselemente / Anzeigen

1. Seitentitel

Der dem Parameter "heading" aus der Seitenvariable der cardMedia (z.B. Spotify-Premium) wird visualisiert, wenn keine Wiedergabe erfolgt.

Wenn folgender Inhalt:

  • Playlist: This Is
  • Playlist:
  • Album:
  • Track:
  • Artist: enthalten ist, wird dieser Content-Typ bereinigt visualisiert

2. Navigation zur nächsten Seite

3. Track (Elapsed|Duration)

  • Titel
  • Verstrichene Zeit (Minuten/Sekunden) des aktuell abgespielten Titels
  • Gesamtlänge (Minuten/Sekunden) des aktuell abgespielten Titels

Die Aktualisierung in Sekunden steht in Abhängigkeit zur Spotify-Premium Adapterinstanz und steht per Default auf 10 Sekunden.
Das führt zu unschönen Ergebnissen in Verbindung mit einem bekannten Fehler des Adapters. Die Zeit sollte demnach auf 1 Sekunde reduziert werden.

4. Interpret | Album

Folgende Datenpunkte der Spotfiy-Premium Adapterinstanz werden berücksichtigt:

  • Interpret
  • Album

5. Player An/Aus (Stop)

  • Stopp (Icon blau)

6. Volume lauter

  • Die Feinjustierung der aktuellen Lautstärke in Einerschritten (+1)

7. Volume zwischen 0% und 100%

  • Die Feinjustierung der aktuellen Lautstärke erfolgt stufenlos zwischen 0% und 100%

[!NOTE]

8. Repeat-Funktion

  • Es sind keine weiteren Einstellungen zu berücksichtigen.

9. Equalizer

Note

Dieses Steuerelement wird nicht über die Spotify-Premium Instanz gesteuert

Steuerelement als Equalizer:

image

Important

Die Spotify-Premium Adapterinstanz verfügt nicht über Klangsteuerungs-Datenpunkte. Es kann jedoch bei SONOS die HTTP API https://github.com/jishi/node-sonos-http-api#usage genutzt werden oder alternativ bei z.B. Alexa die 3-Punkt Klangsteuerung.

Für den Fall, dass der Equalizer aktiv genutzt werden soll, bitte weiteren Link befolgen: https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker---FAQ-&-Anleitungen#12-equalizer-f%C3%BCr-cardmedia

10. Track Liste

  • Sofern eine Playlist abgespielt wird die eine Trackliste enthält, so wird diese automatisch geladen.

Sollten weitere Tracks vorhanden sein, so können diese über den rechtsangeordneten Pfeil erreicht werden

11. Spotify-Premium Playlist

  • Das Array playList im PageItem wird genutzt.

Wenn das Array leer ist [], dann werden die Playlisten automatisch aus dem Adapter geladen.

Andernfalls können die bevorzugten Playlists dort manuell eingetragen werden

12. Spotify-Premium Speaker Liste

2 Varianten

  • Ist das Array leer [], dann werden die Wiedergabegeräte automatisch importiert
  • Das Array speakerList im PageItem wird genutzt. Die Wiedergabegeräte sind dort manuell einzutragen

13. Nächster Track

  • Sofern ein weiterer Titel in der Track Liste verfügbar ist, so wird dieser ausgewählt

14. Play / Pause

  • Umschaltung zwischen Play und Pause

15. Volume leiser

  • Die Feinjustierung der aktuellen Lautstärke in Einerschritten (-1)

16. Shuffle

  • Umschaltung zwischen Shule an/aus, soffern das Wiedergabemedium dieses unterstützt

17. Vorheriger Track

  • Sofern ein weiterer Track vor dem aktuell abgespielten Titel in der Track Liste verfügbar ist, so wird dieser ausgewählt

18. Player Logo / Seek Funktion

Per Standard ist der Seek-Modus aktiv. Dieser wird mit Klick auf das Logo des Players aufgerufen:
image

Jetzt ist es möglich eine Position des Tracks (Titels) in 10% Schritten zu erreichen (vor- und zurückspulen).
image

19. Navigation zur vorherigen Seite

Erstellung der Seitenvariable für die cardMedia

image

Caution

Nicht zu empfehlen!!!: Der Parameter autoCreateALias kann ebenfalls entfernt werden, jedoch muss ein korrekter Media-Alias mit dem Channel "media" und den vom NSPanelTs.ts - Skript erwarteten Datenpunkten dann "per Hand" erstellt werden. Da es nahezu unmöglich ist unter ioBroker einen korrekten und vollständigen Media-Alias zu erstellen, übernimmt das Skript mit diesem Parameter diese Aufgabe.

Clone this wiki locally