Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Skripten / Logik
    4. [Vorlage] Spotify Skript

    NEWS

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    [Vorlage] Spotify Skript

    This topic has been deleted. Only users with topic management privileges can see it.
    • Shakall74
      Shakall74 @dos1973 last edited by Shakall74

      @dos1973

      Diese meinte ich aus dem post 643

      1 Reply Last reply Reply Quote 0
      • S
        skokarl @Shakall74 last edited by

        @Ermin-Sahinovic sagte in [Vorlage] Spotify Skript:

        @skokarl
        Danke denke aber ich bin zu doof dafür..... leider

        wir kriegen das zusammen hin, guck msl ob Du den
        Fully Adapter installiert kriegst

        Shakall74 1 Reply Last reply Reply Quote 0
        • Shakall74
          Shakall74 @skokarl last edited by Shakall74

          @skokarl
          Fullybrowser ist installiert. Adapter finde ich nicht 😞
          fullybrowser.0 2019-05-31 12:26:23.126 info starting. Version 1.0.0 in /opt/iobroker/node_modules/iobroker.fullybrowser, node: v8.16.0
          fullybrowser.0 2019-05-31 12:26:23.075 info States connected to redis: 127.0.0.1:6379

          S 1 Reply Last reply Reply Quote 0
          • S
            skokarl @Shakall74 last edited by

            @Ermin-Sahinovic such mal im Forum nach Fully Adapter....da gibts nen link nach Github...dann aus Github installieren...Du schaffst das

            Shakall74 1 Reply Last reply Reply Quote 0
            • Shakall74
              Shakall74 @skokarl last edited by

              @skokarl
              Na ja denke es liegt an dem das ich eigentlich ios habe aber trotzdem verstehe ich es nicht. Ich habe Fullybrowser installiert finde aber den verdamten adapter nicht.

              S 1 Reply Last reply Reply Quote 0
              • S
                skokarl @Shakall74 last edited by skokarl

                @Shakall74

                hat ios überhaupt Fully Browser ?

                und den Adapter kann man über die Suche finden..... bisschen was müsst ihr schon selber machen

                hier

                Shakall74 1 Reply Last reply Reply Quote 0
                • Shakall74
                  Shakall74 @skokarl last edited by

                  @skokarl
                  Nein hat er nicht und den adapter (FullyBrowser) habe ich ja schon installiert. Wie oben schon geschreiben aber es steht bei mir isFullyAlive - false

                  Issi 1 Reply Last reply Reply Quote 0
                  • Issi
                    Issi Developer @Shakall74 last edited by

                    @Shakall74 sagte in [Vorlage] Spotify Skript:

                    @skokarl
                    Nein hat er nicht und den adapter (FullyBrowser) habe ich ja schon installiert. Wie oben schon geschreiben aber es steht bei mir isFullyAlive - false

                    das ist auch verständlich da ios kein Fully Kiosk Browser app hat gibt es nur für android und deswegen der adapter ja auch sich nicht verbinden kann also wird isFullyAlive - false auch auf false bleiben

                    Shakall74 1 Reply Last reply Reply Quote 0
                    • Shakall74
                      Shakall74 @Issi last edited by

                      @Issi said in [Vorlage] Spotify Skript:

                      das ist auch verständlich da ios kein Fully Kiosk Browser app hat gibt es nur für android und deswegen der adapter ja auch sich nicht verbinden kann also wird isFullyAlive - false auch auf false bleiben

                      Aber wozu sollte ich dann den Fully installieren ?

                      Issi 1 Reply Last reply Reply Quote 0
                      • Issi
                        Issi Developer @Shakall74 last edited by Issi

                        @Shakall74 sagte in [Vorlage] Spotify Skript:

                        @Issi said in [Vorlage] Spotify Skript:

                        das ist auch verständlich da ios kein Fully Kiosk Browser app hat gibt es nur für android und deswegen der adapter ja auch sich nicht verbinden kann also wird isFullyAlive - false auch auf false bleiben

                        Aber wozu sollte ich dann den Fully installieren ?

                        @skokarl sagte in [Vorlage] Spotify Skript:

                        alles super was ihr hier macht..... und super tolle VIS.

                        Aber ich verstehe nicht warum ihr Euch das antut ?
                        Spotify mit Playlisten bedienen ?

                        Suchen usw. geht doch alles gar nicht, eigentlich geht gar nix außer Playisten.
                        Warum startet ihr nicht einfach die Spotify App innerhalb der VIS ?
                        Ich hab den Spotify Adapter gelöscht und starte jetzt einfach die APP, die kann wenigstens alles.

                        er meinte damit das er die Spotify App über den FullyBrowser startet und nicht das script benutzt.
                        Die Fully Kiosk Browser app hat die möglichtet andere apps auf dem tablet/handy zu starten
                        aber da du ios hast geht es bei dir nicht

                        Shakall74 S 2 Replies Last reply Reply Quote 0
                        • Shakall74
                          Shakall74 @Issi last edited by

                          @Issi said in [Vorlage] Spotify Skript:

                          er meinte damit das er die Spotify App über den FullyBrowser startet und nicht das script benutzt.
                          Die Fully Kiosk Browser app hat die möglichtet andere apps auf dem tablet/handy zu starten
                          aber da du ios hast geht es bei dir nicht

                          Danke also muss ich mir selber einen View erstellen. Oki jetzt ist es mir klar

                          Issi 1 Reply Last reply Reply Quote 0
                          • Issi
                            Issi Developer @Shakall74 last edited by Issi

                            @Shakall74 sagte in [Vorlage] Spotify Skript:

                            @Issi said in [Vorlage] Spotify Skript:

                            er meinte damit das er die Spotify App über den FullyBrowser startet und nicht das script benutzt.
                            Die Fully Kiosk Browser app hat die möglichtet andere apps auf dem tablet/handy zu starten
                            aber da du ios hast geht es bei dir nicht

                            Danke also muss ich mir selber einen View erstellen. Oki jetzt ist es mir klar

                            hast du das schon probiert im post 653

                            @dos1973 sagte in [Vorlage] Spotify Skript:

                            @sigi234

                            hat doch eher geklappt... sollte jetzt alles dabei sein.

                            Sag mal Bescheid ob es klappt.

                            • das View als Widget importieren
                              spotify_view.txt

                            • Scripte (sind auf die DP des Adapters angepasst)
                              script_playlist.txt
                              script_tracklist.txt

                            • css
                              css_spotify.txt

                            Shakall74 1 Reply Last reply Reply Quote 0
                            • S
                              skokarl @Issi last edited by

                              @Issi
                              jipp..ios hat leider gelitten

                              1 Reply Last reply Reply Quote 0
                              • Shakall74
                                Shakall74 @Issi last edited by

                                @Issi said in [Vorlage] Spotify Skript:

                                hast du das schon probiert
                                @dos1973 sagte in [Vorlage] Spotify Skript:

                                @sigi234
                                hat doch eher geklappt... sollte jetzt alles dabei sein.
                                Sag mal Bescheid ob es klappt.

                                das View als Widget importieren
                                spotify_view.txt

                                Scripte (sind auf die DP des Adapters angepasst)
                                script_playlist.txt
                                script_tracklist.txt

                                css
                                css_spotify.txt

                                Ja sieht aber bei mir ganz anders aus. Keine Buttons, kein Background bei Device Auswahl......

                                Issi D 2 Replies Last reply Reply Quote 0
                                • Issi
                                  Issi Developer @Shakall74 last edited by

                                  @Shakall74 ich schau es mir mal an geb dir dann bescheid

                                  Shakall74 1 Reply Last reply Reply Quote 0
                                  • Shakall74
                                    Shakall74 @Issi last edited by

                                    @Issi said in [Vorlage] Spotify Skript:

                                    ich schau es mir mal an geb dir dann bescheid

                                    TOP !

                                    1 Reply Last reply Reply Quote 0
                                    • D
                                      dos1973 @Shakall74 last edited by

                                      @Shakall74
                                      Mach mal screenshot...

                                      Shakall74 1 Reply Last reply Reply Quote 0
                                      • Shakall74
                                        Shakall74 @dos1973 last edited by

                                        @dos1973 said in [Vorlage] Spotify Skript:

                                        Mach mal screenshot...

                                        d9d67cfc-ac71-4cf4-9399-2513e1b66d1d-grafik.png
                                        01d8034a-ffb5-43b5-bf12-6bcd337a0f3d-grafik.png

                                        1 Reply Last reply Reply Quote 0
                                        • D
                                          dos1973 last edited by dos1973

                                          sieht doch schon gut aus...

                                          hier sind die Bedienelemente. kopieren und als widget einfügen.
                                          die Schriftart habe ich wohl manuell gesetzt. Bei mir Jura-Demibold 18/20px

                                          zeig mal deine css Datei

                                          [{"tpl":"tplValueString","data":{"oid":"spotify-premium.0.player.progress","g_fixed":false,"g_visibility":true,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"!=","visibility-val":"stop","visibility-groups-action":"hide","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"visibility-oid":""},"style":{"left":"788.0000152587891px","top":"442.00001525878906px","color":"#fff","font-size":"18px","font-family":"Jura-DemiBold","width":"71px","height":"20px","text-align":"right","z-index":"10"},"widgetSet":"basic"},{"tpl":"tplSpotifyPlayButton","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","oidplay":"spotify-premium.0.player.play","oidpause":"spotify-premium.0.player.pause","oidstate":"spotify-premium.0.player.isPlaying","colorplay":"green","colorpause":"white","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0},"style":{"left":"842.0000762939453px","top":"333.9791717529297px","width":"80px","height":"80px","z-index":"20","opacity":"0.8"},"widgetSet":"spotify-premium"},{"tpl":"tplSpotifyPreviousButton","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","oid":"spotify-premium.0.player.skipMinus","colorbox":"white","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0},"style":{"left":"754px","top":"353.9791717529297px","width":"40px","height":"40px","z-index":"5","opacity":"0.8"},"widgetSet":"spotify-premium"},{"tpl":"tplSpotifyNextButton","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","oid":"spotify-premium.0.player.skipPlus","colorbox":"white","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0},"style":{"left":"965px","top":"353.9791717529297px","width":"40px","height":"40px","z-index":"5","opacity":"0.8"},"widgetSet":"spotify-premium"},{"tpl":"tplValueString","data":{"oid":"spotify-premium.0.player.duration","g_fixed":false,"g_visibility":true,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"!=","visibility-val":"stop","visibility-groups-action":"hide","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"visibility-oid":""},"style":{"left":"884.0000762939453px","top":"442.00001525878906px","color":"#fff","font-size":"18px","font-family":"Jura-DemiBold","width":"71px","height":"20px","text-align":"right","z-index":"10"},"widgetSet":"basic"},{"tpl":"tplValueString","data":{"oid":"","g_fixed":false,"g_visibility":true,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"!=","visibility-val":"stop","visibility-groups-action":"hide","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"visibility-oid":"","html_prepend":">>>"},"style":{"left":"845px","top":"444.9792022705078px","color":"#fff","font-size":"14px","font-family":"Jura-DemiBold","width":"71px","height":"20px","text-align":"center","z-index":"10"},"widgetSet":"basic"},{"tpl":"tplHtml","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":false,"g_css_background":true,"g_css_shadow_padding":true,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","refreshInterval":"0","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"html":"\n<div style=\"width: 2px; background: #acacac; height: 300px; transform-origin: 100% 0;transform: rotate(-90deg); \"></div>"},"style":{"left":"730px","top":"475px","width":"300px","height":"12px","z-index":"20","opacity":"0.7","box-shadow":"","transform":"","background":""},"widgetSet":"basic"},{"tpl":"tplSpotifyRepeatButton","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","oidall":"spotify-premium.0.player.repeatContext","oidoff":"spotify-premium.0.player.repeatOff","oidone":"spotify-premium.0.player.repeatTrack","oidstate":"spotify-premium.0.player.repeat","coloroff":"white","colorall":"green","colorone":"green","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0},"style":{"left":"986px","top":"430px","width":"40px","height":"40px","z-index":"10"},"widgetSet":"spotify-premium"},{"tpl":"tplSpotifyShuffleButton","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","oidon":"spotify-premium.0.player.shuffleOn","oidoff":"spotify-premium.0.player.shuffleOff","oidstate":"spotify-premium.0.player.shuffle","coloroff":"white","coloron":"green","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0},"style":{"left":"734px","top":"430px","width":"40px","height":"40px","z-index":"10"},"widgetSet":"spotify-premium"},{"tpl":"tplJustgageJustGage","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","is_tdp":false,"factor":"1","balance1":"0","balance2":"85","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"donut":true,"oid":"spotify-premium.0.player.progressPercentage","g_title1":false,"g_label":false,"gaugeWidthScale":"50","max_oid":"100","min_oid":"0","mid_oid":"","g_pointer":true,"g_shadow":true,"gaugeColor":"transparent","hideValue":true,"color1":"#1db954","color2":"#1db954","color3":"#89312a","noGradient":true,"sector1":"70","sector2":"95","pointer":false,"pointerMid":false,"pointerColor":"","shadowSize":"","shadowVerticalOffset":""},"style":{"left":"812.0000152587891px","top":"302.00001525878906px","width":"140px","height":"140px","z-index":"2"},"widgetSet":"justgage"},{"tpl":"tplValueString","data":{"oid":"spotify-premium.0.player.device.name","g_fixed":true,"g_visibility":true,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"html_prepend":"","html_append":"","class":"","visibility-cond":"!=","visibility-val":"stop","visibility-groups-action":"hide","visibility-oid":""},"style":{"left":"763px","top":"479px","z-index":"10","width":"232px","height":"24px","color":"#fff","font-family":"Jura-DemiBold","font-size":"18px","line-height":"","text-align":"center"},"widgetSet":"basic"},{"tpl":"tplHtml","data":{"g_fixed":false,"g_visibility":true,"g_css_font_text":false,"g_css_background":true,"g_css_shadow_padding":true,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":"false","visibility-groups-action":"hide","refreshInterval":"0","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"html":"\n<div style=\"width: 2px; background: #acacac; height: 300px; transform-origin: 100% 0;transform: rotate(-90deg); \"></div>","visibility-oid":"javascript.0.spotify.spotify-support.devices_cover"},"style":{"left":"730px","top":"300px","width":"300px","height":"12px","z-index":"20","opacity":"0.7","box-shadow":"","transform":"","background":""},"widgetSet":"basic"},{"tpl":"tplValueString","data":{"oid":"yamaha.0.input","g_fixed":true,"g_visibility":true,"g_css_font_text":true,"g_css_background":true,"g_css_shadow_padding":false,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"!=","visibility-val":"stop","visibility-groups-action":"hide","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"visibility-oid":"","html_prepend":"","class":"zentrieren"},"style":{"left":"981px","top":"479px","color":"#fff","font-size":"14px","font-family":"Jura-DemiBold","width":"51px","height":"23px","text-align":"right","z-index":"27","border-radius":"","border-width":"","background-color":""},"widgetSet":"basic"}]
                                          
                                          Shakall74 1 Reply Last reply Reply Quote 0
                                          • Shakall74
                                            Shakall74 @dos1973 last edited by Shakall74

                                            @dos1973 said in [Vorlage] Spotify Skript:

                                            sieht doch schon gut aus...
                                            hier sind die Bedienelemente. kopieren und als widget einfügen.
                                            die Schriftart habe ich wohl manuell gesetzt. Bei mir Jura-Demibold 18/20px
                                            zeig mal deine css Datei

                                            
                                            
                                            /*SPOTIFY*/
                                            
                                            /*css playliste*/
                                            
                                            .fixScroll > .vis-widget-body {
                                                position: absolute; /*Wichtig, muss absolute sein */
                                                width: 500px; /* hier deine Breite von deinem Widget */
                                                height: 500px; /* hier deine Höhe von deinem Widget */
                                                overflow-y: scroll; /* hier wird der Container zu einem scrollbaren Bereich */
                                            }
                                            .playlistList {
                                                width: 100%;
                                                padding-left:50px;
                                                font-size:22px;
                                                font-family:Jura-Medium;
                                            
                                            }
                                            .playlistList tr td {
                                                padding: 20px 0px;
                                            }
                                            #currentList {
                                                color: #1DB954;
                                            }
                                            .spotify-playlist-title {
                                                padding: 4px 5px;
                                                color: rgba(255,255,255,1);
                                            }
                                            
                                            
                                            /*css trackliste*/
                                            
                                            .fixScroll1 > .vis-widget-body {
                                                position: absolute; /*Wichtig, muss absolute sein */
                                                width: 550px; /* hier deine Breite von deinem Widget */
                                                height: 513px; /* hier deine Höhe von deinem Widget */
                                                overflow-y: scroll; /* hier wird der Container zu einem scrollbaren Bereich */
                                            }
                                            
                                            .tracklistList {
                                                width: 100%;
                                                padding-left: 50px;
                                                font-size:22px;
                                                font-family:Jura-Medium;
                                            }
                                            
                                            /*Abstand zwischen den Titeln*/
                                            .tracklistList tr td {
                                                padding: 7px 0px;
                                            }
                                            
                                            /*Abstand zwischen den Song und Artist*/
                                            .spotify-tracklist-title {
                                                padding: 4px 5px;
                                                color: rgba(255,255,255,1);
                                            }
                                            .spotify-tracklist-artist {
                                                padding: 0px 5px;
                                                font-size: 0.9em;
                                                color: rgba(255,255,255,0.8);
                                            }
                                            
                                            /*Darstellung Song und Artist*/
                                            #currentSong  {
                                                /*color: rgba(108,255,82,1);*/
                                                color:#1DB954;
                                            }
                                            #currentArtist {
                                            	/*color: rgba(108,255,82,0.6);*/
                                            	color:#ccc;
                                            
                                            }
                                            
                                            
                                            
                                            .button_style_spotify_box{
                                                padding-left:0px;
                                                padding-top:0px;
                                                border:#464646 solid 1px;
                                                border-bottom: #464646 solid 0px;
                                                border-top-right-radius:20px;
                                                border-top-left-radius:20px;
                                                box-shadow:3px 3px 12px 0 #161616;
                                                font-size:18px;
                                                font-family:Jura-Medium;
                                                color:#fff;
                                                box-sizing:border-box;
                                                background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5a5a5a), to(#000));
                                                opacity:0.7;
                                            
                                            }
                                            
                                            .button_style_spotify_btn {
                                                padding-left:0px;
                                                padding-top:0px;
                                                border:#464646 solid 1px;
                                            
                                                border-radius:4px;
                                                box-shadow:3px 3px 12px 0 #161616;
                                                font-size:18px;
                                                font-family:Jura-Medium;
                                                color:#fff;
                                                box-sizing:border-box;
                                                background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5a5a5a), to(#000));
                                            
                                            }
                                            
                                            .button_style_spotify_btn_aktiv{
                                                padding-left:0px;
                                                padding-top:0px;
                                                border:#464646 solid 1px;
                                                border-radius:4px;
                                                 box-shadow:6px 6px 12px 0 #161616;
                                                font-size:20px;
                                                font-weight:bold;
                                                border-right-width: 4px;
                                                border-right-color:#1db954;
                                                font-family:Jura-Medium;
                                                color:#1db954;
                                                box-sizing:border-box;
                                                background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5a5a5a), to(#000));
                                            }
                                            
                                            /*SPOTIFY*/
                                            

                                            Also die Buttons kommen trotzdem nicht 😞

                                            1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            550
                                            Online

                                            31.6k
                                            Users

                                            79.5k
                                            Topics

                                            1.3m
                                            Posts

                                            javascript
                                            95
                                            745
                                            179365
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo