Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Skripten / Logik
  4. [Vorlage] trackListHtml-Scrolling für Spotify

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.7k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    2.2k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    16
    1
    3.2k

[Vorlage] trackListHtml-Scrolling für Spotify

Geplant Angeheftet Gesperrt Verschoben Skripten / Logik
javascriptmultimedia
30 Beiträge 13 Kommentatoren 6.0k Aufrufe 15 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • MicM Offline
    MicM Offline
    Mic
    Developer
    schrieb am zuletzt editiert von
    #2

    Klasse, vielen Dank dafür, funktioniert perfekt bei mir! 8-)

    1 Antwort Letzte Antwort
    0
    • G Offline
      G Offline
      gimli85
      schrieb am zuletzt editiert von
      #3

      @Mic, super ;)

      Ergänzung, für die, die mein Script kopieren, habe ich darunter noch all meine CSS-Klassen angehängt, welche definiert werden müssen

      1 Antwort Letzte Antwort
      0
      • crunchipC Abwesend
        crunchipC Abwesend
        crunchip
        Forum Testing Most Active
        schrieb am zuletzt editiert von
        #4

        css hab ich nun eingefügt und alles sitzt am rechten fleck

        jedoch immer noch das artist Problem

        bin aktuell noch auf Fehlersuche

        ![](</s><URL url=)<link_text text="https://i.ibb.co/D4rc7JT/Opera-Momentau ... 178-90.png">https://i.ibb.co/D4rc7JT/Opera-Momentaufnahme-2018-11-26-175751-192-168-178-90.png</link_text>" />

        umgestiegen von Proxmox auf Unraid

        1 Antwort Letzte Antwort
        0
        • G Offline
          G Offline
          gimli85
          schrieb am zuletzt editiert von
          #5

          Titel werden ja angezeigt, daher muss der Link eigentlich stimmen mit spotify-premium.0….

          Ist es bei allen Playlists so, auch wenn du ein neues Album bei Spotify zur Playlist hinzufügst?

          Hast du mal dein Adapter ein und ausgeschaltet und vielleicht klickst du mal bei den Objekten auf den Button getPlaylists
          7572_getplaylists.jpg

          1 Antwort Letzte Antwort
          0
          • crunchipC Abwesend
            crunchipC Abwesend
            crunchip
            Forum Testing Most Active
            schrieb am zuletzt editiert von
            #6

            ~~![](</s><URL url=)<link_text text="https://i.ibb.co/8PGLPK4/Opera-Momentau ... 178-90.png">https://i.ibb.co/8PGLPK4/Opera-Momentaufnahme-2018-11-26-194919-192-168-178-90.png</link_text>" />

            ~~![](</s><URL url=)<link_text text="https://i.ibb.co/XFTP2NQ/Opera-Momentau ... 178-90.png">https://i.ibb.co/XFTP2NQ/Opera-Momentaufnahme-2018-11-26-200605-192-168-178-90.png</link_text>" />

            alles mögliche durchprobiert, aber es will einfach nicht so wie es soll

            Script Version 0.5.3

            Adapter 0.3.1

            `/*******************************************************
             * HTML-Tracklist:
             * Quelle: https://github.com/twonky4/ioBroker.spotify-premium/wiki/Html-Tracklist
             * https://forum.iobroker.net/viewtopic.php?p=151165#p151165
             ******************************************************/
            const STATE_PATH = 'javascript.'+ instance + '.' + 'spotify.spotify-support.';
            
            createState(STATE_PATH + 'trackListHtml', '', false);
            
            function refreshTrackList() {
            	var current = getState('spotify-premium.0.playbackInfo.playlist.trackList').val;
            	var source = getState('spotify-premium.0.playbackInfo.playlist.trackListArray').val;
            
            	var html = '';
                	for (var i = 0; i < source.length; i++) {
                		html += '';
                    		html += '';
                		html += '';
                	}
            	html += '
            
            | ';
                    			/********************************************************************
                    			* Hier muss man dem aktuellen Track und/oder Artist eine ID vergeben
                    			********************************************************************/ 
                        		var currentSong = (current == i) ? ' id="currentSong"' : '';
                        		var currentArtist = (current == i) ? ' id="currentArtist"' : '';
                        		if(current == i) html += '![](/vis.0/main/audio_volume_current.png)';
                        		html += '' + source[i].title + '';
                                html += '' + source[i].artist + '';
                                	/********************************************************************/
                    		html += ' |
            
            ';
            
            	/***************************************************************************************************
            	 * Script für automatisches Scrollen des aktuellen Titels 
            	 * https://forum.iobroker.net/viewtopic.php?f=30&t=18222&p=190991&hilit=javascript+experten#p190365
            	****************************************************************************************************/
                html += '';
            	/***************************************************************************************************/
            
            	setState(STATE_PATH + 'trackListHtml', html, true);
            }
            
            on('spotify-premium.0.playbackInfo.playlist.trackList', refreshTrackList);
            on('spotify-premium.0.playbackInfo.playlist.trackListArray', refreshTrackList);
            
            refreshTrackList();`[/i][/i]
            ```~~~~

            umgestiegen von Proxmox auf Unraid

            1 Antwort Letzte Antwort
            0
            • G Offline
              G Offline
              gimli85
              schrieb am zuletzt editiert von
              #7

              Seltsam.

              Erstens würde ich jetzt mal mein Script durch das ersetzen, welches vorher funktionierte und gib mir mal durch welches es genau ist.

              Weiter, wenn du den Adapter 0.3.1 verwendest, brauchst du das Script 0.5.3 nicht, da es das gleiche ist, einfach einmal in Script Form und einmal in Adapter Form. Deaktiviere mal das Script 0.5.3 und lösche mal alle Objekte, welche hier durch das Script 0.5.3 angelegt wurden, die brauchst du nicht, wenn du den Adapter verwendest.

              Dan sieh mal, ob es mit der alten Version geht?

              1 Antwort Letzte Antwort
              0
              • crunchipC Abwesend
                crunchipC Abwesend
                crunchip
                Forum Testing Most Active
                schrieb am zuletzt editiert von
                #8

                werd ich mal probieren, aber wie gesagt, es funktioniert kein script mehr.

                alle durchprobiert, es wird mir aber in keiner weise der Interpret mit angezeigt.

                das script habe ich mit an, weil da ALLE meine Geräte aufgelistet werden, über den Adapter bekomm ich nur pc und meine beiden echos aufgelistet.

                umgestiegen von Proxmox auf Unraid

                1 Antwort Letzte Antwort
                0
                • G Offline
                  G Offline
                  gimli85
                  schrieb am zuletzt editiert von
                  #9

                  Habe dir nochmals eine PN geschickt. Ich würde auch sagen, dass mit dem Adapter oder Scripten was durcheinander geraten ist.

                  1 Antwort Letzte Antwort
                  0
                  • G Offline
                    G Offline
                    gimli85
                    schrieb am zuletzt editiert von
                    #10

                    Lösche mal ALLE Objekte von twonky/meinem Script und auch die von dem Spotify Adapter, sowie die vom Script 0.5.3, den die sind sowieso überflüssig, wenn der Adpater in Gebrauch ist. Danach alles neu anlegen lassen, hoffe es löst das Problem.

                    1 Antwort Letzte Antwort
                    0
                    • crunchipC Abwesend
                      crunchipC Abwesend
                      crunchip
                      Forum Testing Most Active
                      schrieb am zuletzt editiert von
                      #11

                      nun nach langem kampf hat nur ein downgrade des Adapters von 3.1 auf 3.0 etwas bewirkt.

                      In der Version 3.1 wurden seltsamerweise die Interpreten in der Tracklist nicht mit ausgegeben.

                      umgestiegen von Proxmox auf Unraid

                      1 Antwort Letzte Antwort
                      0
                      • A Offline
                        A Offline
                        aldoa1
                        schrieb am zuletzt editiert von
                        #12

                        Hi,

                        möchte auch die Playlist im vis anzeigen.

                        Das Script habe ich übernommen. Der Spotify premium Adapter funktioniert.

                        Das widget habe ich importiert.

                        Jetzt steht da nur "undefined"

                        1 Antwort Letzte Antwort
                        0
                        • S Offline
                          S Offline
                          Stuti
                          schrieb am zuletzt editiert von
                          #13

                          Hallo,

                          es gibt in dem Adapter 1.0 ja nun auch die vorgefertigten HTML´s. Dort wird auch der aktuelle Titel grün markiert.

                          Aber wenn ich dort einen Titel auswähle springt die Liste wieder nach oben. Kann man das irgendwie lösen? Ich glaub das ist hier gemacht worden, oder?

                          NUC i5 mit Proxmox - KVM für ioBroker
                          Rest in Docker. z.B. KNXD, Pi-Hole, MySQL, Grafana, PostgreSQL, Wiki.js, Prometheus, Loki.

                          KNX mit GIRA Homeserver, aber auch Shelly´s und Zigbee

                          1 Antwort Letzte Antwort
                          0
                          • D Offline
                            D Offline
                            dos1973
                            schrieb am zuletzt editiert von
                            #14

                            Hallo,

                            wäre einer von euch so nett, die Tracklist mit den erforderlichen Skripten erneut bereitzustellen... mit den "Fetzen" bekomme ich es nicht hin. Der Adapter läuft...
                            Danke euch...

                            1 Antwort Letzte Antwort
                            0
                            • D Offline
                              D Offline
                              dos1973
                              schrieb am zuletzt editiert von
                              #15

                              ich gebe auf... ich habe stunden verbracht hier etwas brauchbares zu finden.

                              das Forum ist in der Form nicht nutzbar :-( da können sie den kram auch gleich wegwerfen...

                              Ps. bin massiv gefrustet. Ich möchte auch ein Trackliste wie aus dem 1 Post.

                              1 Antwort Letzte Antwort
                              0
                              • D Offline
                                D Offline
                                dos1973
                                schrieb am zuletzt editiert von
                                #16

                                ich versuche nochmals mein Glück, der Frustlevel ist wieder etwas gesunken...

                                so schaut es aus...Bildschirmfoto 2019-03-11 um 17.54.04.png

                                ich zeige über einen Basic String, folgenden DP an.
                                spotify-premium.0.html.tracks

                                Wie kann ich das denn etwas formatieren? mir sind einfach zuviele Infos dargestellt.

                                • ich brauche etwas mehr Platz, zwischen den Titeln,
                                • keine Dauer
                                • Interpret/ Album wenn dann nur klein.

                                wie gesagt Post 1 Darstellung wäre das optimum, wenn dann noch der aktive Titel "gescrollt" wird, wäre das Klasse. Kann ich das irgendwie selbst definieren?

                                Für eine Hilfestellung wäre ich echt dankbar.

                                G 1 Antwort Letzte Antwort
                                0
                                • D dos1973

                                  ich versuche nochmals mein Glück, der Frustlevel ist wieder etwas gesunken...

                                  so schaut es aus...Bildschirmfoto 2019-03-11 um 17.54.04.png

                                  ich zeige über einen Basic String, folgenden DP an.
                                  spotify-premium.0.html.tracks

                                  Wie kann ich das denn etwas formatieren? mir sind einfach zuviele Infos dargestellt.

                                  • ich brauche etwas mehr Platz, zwischen den Titeln,
                                  • keine Dauer
                                  • Interpret/ Album wenn dann nur klein.

                                  wie gesagt Post 1 Darstellung wäre das optimum, wenn dann noch der aktive Titel "gescrollt" wird, wäre das Klasse. Kann ich das irgendwie selbst definieren?

                                  Für eine Hilfestellung wäre ich echt dankbar.

                                  G Offline
                                  G Offline
                                  gimli85
                                  schrieb am zuletzt editiert von
                                  #17

                                  @dos1973
                                  Hallo, wow hat sich hier im Forum viel verändert.
                                  War schon sehr lange nicht mehr online, weiter habe ich das Gefühl, dass einiges aus den alten Posts gelöscht wurde, wie Bilder und Beschreibungen.
                                  Selber habe ich zur Zeit den Spotify Adapter nicht in Betrieb, fals es zur Änderungen gekommen wäre, was zu Problemen führen könnte oder so, sprich ich hätte kein aktueller Code zur Hand. Im Moment habe ich das ioBroker Vis auf Eis gelegt und versuche etwas mit Mediola und RedMatic herum.

                                  Wegen anpassungen müsstest du in deinem Script schauen, welche Klassen du hast und sie im Vis unter CSS anpassen, oder weitere Klassen hinzufügen, braucht aber ein gewisses Verständnis für CSS, Html und Javascript.

                                  Werde, sobal ich etwas mehr Zeit habe, den Beschreib nochmals durchschauen und wieder ergänzen mit den verschwundenen Sachen.

                                  1 Antwort Letzte Antwort
                                  1
                                  • G Offline
                                    G Offline
                                    gimli85
                                    schrieb am zuletzt editiert von
                                    #18

                                    Das Script ist jetzt wieder auf den aktuellen Adapter konfiguriert und angepasst.

                                    1 Antwort Letzte Antwort
                                    1
                                    • D Offline
                                      D Offline
                                      dos1973
                                      schrieb am zuletzt editiert von
                                      #19

                                      Vielen Dank dass du es nochmals angepasst hast.

                                      1 Antwort Letzte Antwort
                                      1
                                      • P Offline
                                        P Offline
                                        Pascal1909
                                        schrieb am zuletzt editiert von
                                        #20

                                        kann man damit nur die Playlist und Tracklist anzeigen? Ich würde gerne mit einem Klick auf den jeweiligen Namen die Playlist/Track auswählen.

                                        1 Antwort Letzte Antwort
                                        0
                                        • D Offline
                                          D Offline
                                          dos1973
                                          schrieb am zuletzt editiert von
                                          #21

                                          ich habs selbst nicht mehr aktiv - aber ja das war möglich.

                                          1 Antwort Letzte Antwort
                                          0
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          808

                                          Online

                                          32.4k

                                          Benutzer

                                          81.5k

                                          Themen

                                          1.3m

                                          Beiträge
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Anmelden

                                          • Du hast noch kein Konto? Registrieren

                                          • Anmelden oder registrieren, um zu suchen
                                          • Erster Beitrag
                                            Letzter Beitrag
                                          0
                                          • Home
                                          • Aktuell
                                          • Tags
                                          • Ungelesen 0
                                          • Kategorien
                                          • Unreplied
                                          • Beliebt
                                          • GitHub
                                          • Docu
                                          • Hilfe