Autor Thema: [Neues Modul] Spotify  (Gelesen 29795 mal)

Offline Anjo1979

  • New Member
  • *
  • Beiträge: 7
Antw:[Neues Modul] Spotify
« Antwort #180 am: 19 September 2018, 13:24:24 »
Hallo Speridal, TabletUI-Interessierten,

ich hatte mal begonnen eine TabletUI-Oberfläche zu erstellen. Ergebnis siehe Bild, läuft soweit auch ganz gut. Vielleicht hilft es dir weiter. Für Hinweise/Anregungen bin ich dankbar.

Hier der Code:

<html>
<title>FHEM</title>
<head>
<!--
/* FHEM tablet ui */
* Multimedia * -->
</head>
<body>
<div class="page" id="main2">
<div class="gridster">
<ul>


 <li data-row="2" data-col="4" data-sizex="3" data-sizey="6">
                <header class="">Spotify</header>
              <div class="sheet">

                <div class="row-40">
                <div class="cell top-space">
                        <div data-type="image"
                                data-device="Spotify"
                                data-get="track_album_cover_medium"
                                data-height='240'
                                data-width='240'
                                class="">
                        </div>
                </div>
                </div>


                <div class="row-5">
                <div class="cell top-align">
                                <div data-type="label"
                                        data-device="Spotify"
                                        data-get="progress"
                                        class="inline">
                                </div>
                                <div data-type="level"
                                        data-device="Spotify"
                                        data-get="progress_ms"
                                        data-max="track_duration_ms"
                                        class="inline horizontal">
                                </div>
                                <div data-type="label"
                                        data-device="Spotify"
                                        data-get="track_duration"
                                        class="inline">
                                </div>
                </div>
                </div>

                <div class="row-10">
                <div class="cell top-align">
                        <div class="hbox items-center">
                                <div data-type="switch"
                                        data-device="Spotify"
                                        data-get="shuffle"
                                        data-set="shuffle"
                                        data-icon="fa-random" data-background-icon="-"
                                        data-on-color="white" data-off-color="gray"
                                        data-get-on="on" data-get-off="off"
                                        data-set-on="on" data-set-off="off"
                                        class="inline mini thin">
                                </div>
                                <div data-type="push"
                                        data-device="Spotify"
                                        data-icon="fa-step-backward" data-background-icon="-"
                                        data-off-color="#fff" data-on-color="#aa6900"
                                        data-set-on="previous"
                                        class="inline small thin">
                                </div>
                                <div data-type="switch"
                                        data-device="Spotify"
                                        data-states='["paused","playing"]'
                                        data-set-states='["resume","pause"]'
                                        data-background-icon="fa-circle-thin"
                                        data-background-colors='["white","white"]'
                                        data-colors='["white","white"]'
                                        data-icons='["fa-play","fa-pause"]'
                                        class="inline small">
                                </div>
                                <div data-type="push"
                                        data-device="Spotify"
                                        data-icon="fa-step-forward" data-background-icon="-"
                                        data-off-color="#fff" data-on-color="#aa6900"
                                        data-set-on="next"
                                        class="inline small thin">
                                </div>
                                <div data-type="switch"
                                        data-device="Spotify"
                                        data-get="repeat"
                                        data-set="repeat"
                                        data-icon="fa-repeat" data-background-icon="-"
                                        data-on-color="white" data-off-color="gray"
                                        data-get-on="all" data-get-off="off"
                                        data-set-on="all" data-set-off="off"
                                        class="inline mini thin">
                                </div>
                                </div>

                </div>
                </div>

                <div class="row-40">
                <div class="cell top-align">
                        <div data-type="label"
                                data-device="Spotify"
                                data-get="track_name"
                                data-substitution="s/Or//g"
                                class="large thin bold top-space truncate">
                        </div>
                        <div data-type="label"
                                data-device="Spotify"
                                data-get="track_artist_name"
                                class="large truncate">
                        </div>
                </div>
                </div>

              </div>
        </li>
</ul>
</div>
</div>
</body>
</html>
« Letzte Änderung: 19 September 2018, 13:32:29 von Anjo1979 »

Offline speridal

  • New Member
  • *
  • Beiträge: 24
Antw:[Neues Modul] Spotify
« Antwort #181 am: 19 September 2018, 16:18:28 »
Hi Anjo1979,

vielen Dank für deinen Code! Klappt auf Anhieb und sieht sehr gut aus!

Ich will noch irgendwann die Möglichkeit einbauen, die anderen Ausgabegeräte anzuwählen. Wenn ich Zeit dafür finde, würde ich das dann hier posten.

Gruß,
Bernd

Offline Anjo1979

  • New Member
  • *
  • Beiträge: 7
Antw:[Neues Modul] Spotify
« Antwort #182 am: 19 September 2018, 16:23:50 »
Hallo Bernd,

es freut mich, dass es gleich auf Anhieb klappt und gefällt. Die Auswahl der anderen Ausgabegeräte steht bei mir auch auf der ToDo-Liste (recht weit hinten), über dein Ergebnis würde ich mich freuen.

Grüße
Thomas

Offline masl

  • New Member
  • *
  • Beiträge: 6
Antw:[Neues Modul] Spotify
« Antwort #183 am: 03 Oktober 2018, 13:44:18 »
Ich bin total von dem Modul begeistert.

Allerdings komme ich nicht weiter mit den Device Einstellungen.

Ich habe Spotify auf meinem Smartphone und ebenso auf dem Tablet auf dem auch TabletUI läuft.
Zudem ist ein Chromecast installiert.
Bin ich zuhause habe ich bisher mit dem Smartphone über den Chromecast Spotify gehört.
Allerdings höre ich Spotify auch wenn ich unterwegs bin.

In FHEM habe ich einen Dummy angelegt:
Zitat
define n_musik_an notify Musik_an:on set AV_Receiver on;; set AV_Receiver input: av5;; set AV_Receiver volume: 43 | set Spotify playPlaylistByName Mixed 02/2018

Wie bekomme ich nun Spotify gesagt, dass er die Playlist vom Tablet abspielen soll und die Ausgabe über Chromecast erfolgen soll?

Muss dies über "Googlecast" gemacht werden?

Offline riker1

  • Full Member
  • ***
  • Beiträge: 355
Antw:[Neues Modul] Spotify
« Antwort #184 am: 06 Oktober 2018, 20:21:53 »
Hi

hatte leider einen Fehler bei der Anmeldung des Dev in Fhem.

die redirect url ist nicht gültig?


INVALID_CLIENT: Invalid redirect URI
authorization pending (see instructions)


komisch, man kann doch gar nicht viel falsch machen?

habe die app angelegt, die beiden ids client|secret  eingegeben und die redirect url

...was kann das denn sein?

Danke

FHEM 5.8 Ubuntu, FHEM 5.8 RPI 3 , Actoren: IT ,
MAX CUBE, MAX HT, MAX WT, Selbstbau nanoCULs, FS 20, Homematic, FTK, SW. DIM, Smoke,KODI,Squeezebox

Offline Tardar

  • New Member
  • *
  • Beiträge: 34
Antw:[Neues Modul] Spotify
« Antwort #185 am: 07 Oktober 2018, 00:38:36 »
Hi

hatte leider einen Fehler bei der Anmeldung des Dev in Fhem.

die redirect url ist nicht gültig?


INVALID_CLIENT: Invalid redirect URI
authorization pending (see instructions)


komisch, man kann doch gar nicht viel falsch machen?

habe die app angelegt, die beiden ids client|secret  eingegeben und die redirect url

...was kann das denn sein?

Danke

Habe es gerade eingerichtet, warte aber noch auf meine PREMIUM Freischaltung :)
Mit ClientID & Secret Device in FHEM anlegen, die URL vom Oskar funktioniert.
Dann den Link aufrufen, dort den Code kopieren und unter "set Code" einfügen.
Speichern und du bist connected.

Bei mir funktioniert aktuell die Steuerung noch nicht, das wird aber gehen, sobald mein Premium aktiv ist denke ich :)

Viele Grüße

Offline merrytor

  • Newbie
  • Beiträge: 2
Antw:[Neues Modul] Spotify
« Antwort #186 am: 14 Oktober 2018, 18:06:48 »
Hi

hatte leider einen Fehler bei der Anmeldung des Dev in Fhem.

die redirect url ist nicht gültig?


INVALID_CLIENT: Invalid redirect URI
authorization pending (see instructions)


komisch, man kann doch gar nicht viel falsch machen?

habe die app angelegt, die beiden ids client|secret  eingegeben und die redirect url

...was kann das denn sein?

Danke

Ähnliches auch bei mir...

Bei mir ist in der  AUTHORIZATION_URL am Ende die Adresse zu https://oskar.pw "kryptisch", aus welchem Grund auch immer.
Sieht bei mir so aus uri=https%3a%2f%2foskar%2epw%2f

Wenn ich mir die AUTHORIZATION_URl kopiere und dann in einem anderen Tab kopiere und das "kryptische" abändere komme ich dann weiter und bekomme dann den Code von Oskar.pw angezeigt. Nach einfügen in FHEM bekomme ich dann die folgende Fehlermeldung.

Zitat
Failed to get access token: Please add https://oskar.pw/ as a redirect_uri at https://developer.spotify.com/my-applications/#!/applications/



« Letzte Änderung: 14 Oktober 2018, 18:09:09 von merrytor »

Offline merrytor

  • Newbie
  • Beiträge: 2
Antw:[Neues Modul] Spotify
« Antwort #187 am: 16 Oktober 2018, 08:49:48 »
spannend jetzt gehts...

ich habe noch einmal die libcrypt-ssleay-perl gelöscht und neu installiert, dann gings.

Offline Chris489

  • Newbie
  • Beiträge: 1
Antw:[Neues Modul] Spotify
« Antwort #188 am: 09 November 2018, 18:26:33 »
Erstmal ein ganz großes DANKE!

Läuft bisher Top!
Da ich gerade an der FTUI Integration bin fällt mir auf, das es kein "set Spotify playbydeviceid" oder so gibt.
Ich würde gerne wenn eine Playlist läuft auch das Gerät wechseln können.

Oder habe ich was übersehen?

Grüße

Offline Abercrombie1892

  • Full Member
  • ***
  • Beiträge: 112
Antw:[Neues Modul] Spotify
« Antwort #189 am: 25 November 2018, 20:28:48 »
Erstmal ein ganz großes DANKE!

Läuft bisher Top!
Da ich gerade an der FTUI Integration bin fällt mir auf, das es kein "set Spotify playbydeviceid" oder so gibt.
Ich würde gerne wenn eine Playlist läuft auch das Gerät wechseln können.

Oder habe ich was übersehen?

Grüße

device lässt sich bei transfer playback ändern mit der device id. problem ist halt oft nur das nicht die gleichen connect geräte wie in der app zusehen sind.
evtl hat es ja jemand schon geschafft in der richtung multicast etwas einzubauen
« Letzte Änderung: 25 November 2018, 21:22:02 von Abercrombie1892 »

Offline Jackson

  • Jr. Member
  • **
  • Beiträge: 74
Antw:[Neues Modul] Spotify
« Antwort #190 am: 11 Dezember 2018, 22:44:15 »
Hi,

ich habe da mal eine Frage zu den Devices..

es findet nur meinen Fire Stick und meinen Laptop als device aber nicht meine SONOS PLAY1. Gibt es noch was zu beachten, kann man die ID irgendwo auslesen? Ich möchte eigentlich die PLAY1 als Device in FHEM angelegen.

Gruss und Danke
Christian
Fhem 5.8 auf RPI3
MAXLAN - 7 Max HT basic - 2 Max WT
Jeelink - TX 29 DTH