Guten Morgen zusammen,
ich scheitere daran, für meine Tablet UI Seite einen Play/Pause Button zu erstellen.
Hier mal mein Code:
<div data-type="switch"
data-device="AV_Receiver"
data-get-on="playStatus"
data-set-on="play"
data-set-off="pause"
data-states='["play","pause"]'
data-icons='["fa-pause","fa-play"]'>
data-background-icon="fa-circle-thin"
</div>
Leider wird bei Neuladen der Oberfläche nur ein leerer Kreis angezeigt - obwohl gerade Musik läuft. Ich habe mich auch schon am MultiStateButton versucht, doch der liefert auch nicht das gewünschte Ergebnis.
In den Readings wird "play" bei playStatus angezeigt. Diesen Status möchte ich als Wert des Buttons haben und wenn ich drauf klicke soll er sich entsprechend verändern.
Kann mir da jemand Hilfestellung leisten?
EDIT:
skip forward und skip reverse funktionieren bereits als push-Element.
Ich steuere einen Yamaha Receiver RXV375 und höre Musik via Spotify.
Ist playStatus das Reading?
Dann muss das data-get heißen nicht data-get-on
Hi,
ja das Reading heißt "playStatus".
Ich habe den Code nun abgeändert aber es zeigt weiterhin nichts an. Dann habe ich hier im Forum noch einen ähnliche Code gefunden, ergänzt um eine class und farben und nun wird das Reading angezeigt bei Laden der Seite, allerdings das falsche: nämlich das Symbol für Pause, obwohl gerade play aktiv ist und umgekehrt.
Interessant ist, wenn ich die Farbzeile n für Background und co auskommentier, wird das Reading nicht dargestellt.
<div data-type="switch"
data-device="AV_Receiver"
data-get="playStatus"
data-set-on="play" data-set-off="pause"
data-states='["play","pause"]'
data-icons='["fa-pause","fa-play"]'
data-colors='["#555","#555"]'
data-background-colors='["#555","#555"]'
data-background-icon="fa-circle-thin"
data-background-color="#555"
class="bigplus">
</div>
Habe es wie folgt gelöst:
longpoll=1
<div data-type="multistatebutton"
data-device="AV_Receiver"
data-get="playStatus"
data-get-on='["play","pause","stop"]'
data-set='["pause","play"]'
data-set-default="play"
data-background-icon="fa-circle-thin"
data-background-color="#555"
data-color="#555"
data-icons='["fa-pause","fa-play","fa-play"]'
class="big">
</div>