[Vorlage] Spotify Skript

gimli85

Skript erstellt: https://github.com/twonky4/ioBroker.spo … l-Playlist `

Vielen Dank für das HTML-Playlist-Script, klasse!

Ich habe noch ein Problem beim Vergleich hinsichtlich Minuszeichen gefixt, also Variable 'current' versus der aktuell selektierten Playlist, da hier bei einem Wert das Sonderzeichen fehlte; daher habe ich eine Bereinigung eingebaut, welche die Sonderzeichen rauswirft beim Vergleich.

Außerdem sortiert das folgende Script die Playliste alphabetisch.

Zudem wird ein id="current-playlist" für die aktuell markierte Playliste gesetzt, das macht es einfacher, um diese per CSS zu formatieren.

Here we go:

`/*******************************************************
 * HTML-Playlist:
 * Quelle: https://github.com/twonky4/ioBroker.spotify-premium/wiki/Html-Playlist
 * https://forum.iobroker.net/viewtopic.php?f=21&t=8173&hilit=spotify&start=440#p183687
 ******************************************************/
/*******************************************************************************
 * Setup
 ******************************************************************************/
const STATE_PATH = 'javascript.'+ instance + '.' + 'mic.spotify-support.';

createState(STATE_PATH + 'playListHtml', '', false);

on('spotify-premium.0.playlists.playlistList', refreshPlayList);
on('spotify-premium.0.playlists.playlistListIds', refreshPlayList);
on('spotify-premium.0.playlists.playlistListString', refreshPlayList);

refreshPlayList();
function refreshPlayList() {
	var current = getState('spotify-premium.0.playlists.playlistList').val;
	var idArray = getState('spotify-premium.0.playlists.playlistListIds').val.split(';');
	var titleArray = getState('spotify-premium.0.playlists.playlistListString').val.split(';');
	var htmlResult = '';

    /*****
     * Sort Arrays
     ****/
    var arrTemp = [];
    for (let j = 0; j < titleArray.length; j++) {
        arrTemp.push(titleArray[j] + ";" + idArray[j]);
    }
    arrTemp.sort();

    idArrayFinal = [];
    titleArrayFinal = [];
    for (let k = 0; k < arrTemp.length; k++) {
        let arrLine = arrTemp[k].split(';');
        titleArrayFinal.push(arrLine[0]);
        idArrayFinal.push(arrLine[1]);
    }

    /*****
     * Build Playlist
     ****/
	for (var i = 0; i < idArrayFinal.length; i++) {
		htmlResult += '';
		htmlResult += '';
		htmlResult += '';
	}

	htmlResult += '

| ';
		var strCSSCurrPlaylist = '';
		if( g_myStringSanitize(current) ==  g_myStringSanitize(idArrayFinal[i]) ) strCSSCurrPlaylist = '" id="current-playlist"';
		htmlResult += '<div' +/strcsscurrplaylist/'="">';
		htmlResult += titleArrayFinal[i];
		htmlResult += '';
		htmlResult += '</div'> |

';

	setState(STATE_PATH + 'playListHtml', htmlResult, true);
}

/**
 * Will just keep lower case letters, numbers, and removes the rest
 * @strInput The String
 */
function g_myStringSanitize(strInput) {

    var strT = strInput.toLowerCase();
    var strResult = strT.replace(/([^a-z0-9]+)/gi, '');

    return strResult;

}`

Wieder mal ein Script von Mic, welches ich für meine Zwecke genommen habe (Danke dafür)  :mrgreen: 

Habe es allerdings wieder abgeändert, da mich Name und Album in einer Linie und mit Bindestrich nervten, nun werden Artist angezeigt und darunter der Name des Albums.
 ![7572_playlist.jpg](/assets/uploads/files/7572_playlist.jpg) 
Hier mein Script dazu:
`~~[code]~~/*******************************************************
 * HTML-Playlist:
 * Quelle: https://github.com/twonky4/ioBroker.spotify-premium/wiki/Html-Playlist
 * https://forum.iobroker.net/viewtopic.php?f=21&t=8173&hilit=spotify&start=440#p183687
 ******************************************************/
/*******************************************************************************
 * Setup
 ******************************************************************************/
const STATE_PATH = 'javascript.'+ instance + '.' + 'spotify.spotify-support.';

createState(STATE_PATH + 'playListHtml', '', false);

function refreshPlayList() {
	var current = getState('spotify-premium.0.playlists.playlistList').val;
	var ids = getState('spotify-premium.0.playlists.playlistListIds').val.split(";");
	var strings = getState('spotify-premium.0.playlists.yourPlaylistListString').val.split(";");
	
	var html = '';
    /*****
     * Sort Arrays
     ****/
    var arrTemp = [];
    for (let j = 0; j < strings.length; j++) {
        arrTemp.push(strings[j] + ";" + ids[j]);
    }
    arrTemp.sort();

    idsFinal = [];
    sourceFinal = [];
    for (let k = 0; k < arrTemp.length; k++) {
        let arrLine = arrTemp[k].split(';');
        sourceFinal.push(arrLine[0]);
        idsFinal.push(arrLine[1]);
    }

    /*****
     * Build Playlist
     ****/
	for (var i = 0; i < idsFinal.length; i++) {
	    var playList = sourceFinal[i].split("–");
	    var currentList = (current == idsFinal[i]) ? ' id="currentList"' : '';
		html += '';
    		html += '';
		html += '';
	}
	html += '

| ';
    		    if(current == idsFinal[i]) html += '![](/vis.0/main/img/audio_volume_current.png)';
            	html += '' + playList[0] + '';
            	if(playList[1] !== undefined) html += 'Album: ' + playList[1] + '';
    		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 + 'playListHtml', html, true);
}

on('spotify-premium.0.playlists.playlistList', refreshPlayList);
on('spotify-premium.0.playlists.playlistListIds', refreshPlayList);
on('spotify-premium.0.playlists.playlistListString', refreshPlayList);

refreshPlayList();` [/i][/i][/i][/i][/code][/i][/i][/i]
``` `

Mic

~~@gimli85:~~

Wieder mal ein Script von Mic, welches ich für meine Zwecke genommen habe (Danke dafür) :mrgreen:

Habe es allerdings wieder abgeändert, da mich Name und Album in einer Linie und mit Bindestrich nervten, nun werden Artist angezeigt und darunter der Name des Albums. `

Gern geschehen, ist im Endeffekt Teamwork, auch Dank Deiner "Scroll-Umsetzung" und vor allem dank twonky mit dem Adapter und der die ursprüngliche Version des Playlist-Scripts erstellte. Da ich wenige Alben als Playlists habe, bleibe ich einzeilig, aber das ist "Use Case" anhängig :)

Hab auch noch Kleinigkeiten angepasst. Z.B. steht ja für die aktuelle Playliste immer "Playlist:" vorne dran. Im VIS zeige ich daher den Text (unter dem Bild) in einem basic - HTML Widget an wie folgt, das entfernt es:

{v:spotify-premium.0.playbackInfo.contextDescription;v.substring(0, 10) == 'Playlist: ' ? v.substring(10, 999) : v}

BUG

Hallo, wie habt ihr das gelöst, dass der angewählte Titel und die Playlist in grün angezeigt wird?
10096_spotify_playlist_012.png

Mic

~~@BUG:~~

Hallo, wie habt ihr das gelöst, dass der angewählte Titel und die Playlist in grün angezeigt wird? `

CSS is your friend :) Im VIS rechts unter "CSS" kannst Du CSS-Code einfügen. Bei mir ist das u.a.:

#vis_container #current-playlist {
    color: #1ed760; /*Spotify-Grün*/
}

#vis_container #current-song {
     color:#1ed760;
 }

Dazu ist es notwendig, dass meine Scripte von oben verwendet werden, die die entsprechenden IDs setzen. gimli85 verwendet glaub ich etwas andere Namen, kannst Du ebenso nehmen nur dann CSS entsprechend anpassen.

BUG

Super, danke Dir, hat funktioniert.

Jetzt hätt ich noch eine Frage:

Bin gerade dabei die Geräteauswahl umzusetzen.

Wie habt ihr das gelöst, dass das Bild und die Geräteauswahl gleichzeitig in einem Widget ist?
10096_spotify_playlist_015.png

wendy2702

~~@AxelF1977:~~

Habe noch ein wenig gebastelt, und eine Möglichkeit eingebaut, die NUR der Adapter unter ioBroker bietet. Mehre Accounts gleichzeitig nutzen. Wir haben einen Familien Account. Nun können, mit mehreren installierten Adaptern, alle Accounts gleichzeitig abgerufen werden. Jeder kann nun über die VIS Oberfläche seine Playlisten und Geräte nutzen. Das hatte mich schon lange gestört, das dies nicht ging.

Alles lässt sich steuern, ohne den anderen Nutzer zu stören `

Hi,

gibt es deinen Spotify View vielleicht schon irgendwo so das man Ihn importieren kann?

Danke und Gruß

AxelF1977

Ohhhh :D :D

twonky macht uns ein Weihnachtsgeschenk :mrgreen:

https://github.com/twonky4/ioBroker.spotify-premium

Mic

~~@AxelF1977:~~

Ohhhh :D :D

twonky macht uns ein Weihnachtsgeschenk :mrgreen:

https://github.com/twonky4/ioBroker.spotify-premium `

Mega 8-) Werde ich zeitnah testen :)

twonky

Aber nicht unbedenklich updaten. Es haben sich state namen geändert, es ist also mit Migrationsaufwand zu rechnen, deswegen der Große Versionssprung. ;)

z.B.:

'playbackInfo' und 'player' sind nun in 'player' zusammengefasst
'player.volume' verschoben nach 'player.device.volume'

Mehr steht im changelog.

AxelF1977

~~@twonky:~~

Aber nicht unbedenklich updaten. Es haben sich state namen geändert, es ist also mit Migrationsaufwand zu rechnen, deswegen der Große Versionssprung. ;)

z.B.:

'playbackInfo' und 'player' sind nun in 'player' zusammengefasst

'player.volume' verschoben nach 'player.device.volume'

Mehr steht im changelog. `

Danke für die Info. Ich werde das mal ganz in Ruhe machen, das View anpassen, und dann zur Verfügung stellen. Ich weiß aber nicht ob ich vor den Feiertagen dazu komme.

AxelF1977

@twonkey,

ich passe das view gerade an den neuen Adapter an, mit allem was er mitbringt. Auch die Toogle Button kommen jetzt ohne das Blockly, habe mich mal mit der Lösung von Mic beschäftigt, funktioniert.

Hast Du was bei Shuffle und Repeat geändert? Das funktioniert nicht mehr wie mal angedacht? Wenn ja, wie wäre hier Dein Lösungsvorschlag?

Ansonsten ist das View fast fertig, und ich kann es heute Abend (wenn nichts dazwischen kommt) für alle hochladen und frei geben.

wendy2702

Habe, da ich ja eh gerade dabei bin meine Views zu überarbeiten die aktuelle Version installiert.

Spotify bedienen ging ca. 3 Std lang und jetzt kommt nur noch das im log:

spotify-premium.0	2018-12-19 15:09:33.027	error	erron in request: 502
spotify-premium.0	2018-12-19 15:09:27.919	error	erron in request: 502
spotify-premium.0	2018-12-19 15:09:22.823	error	erron in request: 502
spotify-premium.0	2018-12-19 15:09:18.385	error	erron in request: 502
spotify-premium.0	2018-12-19 15:09:18.115	error	playlist error no playlist content
spotify-premium.0	2018-12-19 15:09:18.115	error	erron in request: 500
spotify-premium.0	2018-12-19 15:09:17.852	error	erron in request: 502
spotify-premium.0	2018-12-19 15:09:16.911	info	starting. Version 1.0.0 in /opt/iobroker/node_modules/iobroker.spotify-premium, node: v6.14.3
host.openmediavault	2018-12-19 15:09:16.171	info	instance system.adapter.spotify-premium.0 started with pid 17205
host.openmediavault	2018-12-19 15:09:13.691	info	instance system.adapter.spotify-premium.0 terminated with code 0 (OK)
host.openmediavault	2018-12-19 15:09:13.691	error	Caught by controller[6]: 2018-12-19 15:09:12.240 - spotify-premium.0 erron in request: 502
host.openmediavault	2018-12-19 15:09:13.691	error	Caught by controller[5]: 2018-12-19 15:09:07.071 - spotify-premium.0 erron in request: 502
host.openmediavault	2018-12-19 15:09:13.691	error	Caught by controller[4]: 2018-12-19 15:09:01.805 - spotify-premium.0 erron in request: 502
host.openmediavault	2018-12-19 15:09:13.691	error	Caught by controller[3]: 2018-12-19 15:08:56.540 - spotify-premium.0 erron in request: 502
host.openmediavault	2018-12-19 15:09:13.691	error	Caught by controller[2]: 2018-12-19 15:08:51.269 - spotify-premium.0 erron in request: 502
host.openmediavault	2018-12-19 15:09:13.691	error	Caught by controller[1]: 2018-12-19 15:08:45.979 - spotify-premium.0 erron in request: 502

Habe auch schon eine neue Anmeldung versucht, hat aber nichts geändert.

Hat das sonst eventuell noch jemand oder eine Idee woran es liegen kann?

AxelF1977

~~@wendy2702:~~

Habe, da ich ja eh gerade dabei bin meine Views zu überarbeiten die aktuelle Version installiert.

Spotify bedienen ging ca. 3 Std lang und jetzt kommt nur noch das im log:

Habe auch schon eine neue Anmeldung versucht, hat aber nichts geändert.

Hat das sonst eventuell noch jemand oder eine Idee woran es liegen kann? `

Bei mir das selbe. Seit heute morgen 9:00 Uhr bastel ich an dem View für alle, und plötzlich, seit 15 min, geht der Adapter nicht mehr.

Habe sogar schon mein Tinker neu gestartet, bringt aber leider nichts. Wenn denn nun los?

spotify-premium.0	2018-12-19 15:14:06.925	error	erron in request: 502
spotify-premium.0	2018-12-19 15:14:01.825	error	erron in request: 502
spotify-premium.0	2018-12-19 15:13:56.720	error	erron in request: 502
spotify-premium.0	2018-12-19 15:13:51.606	error	erron in request: 502
spotify-premium.0	2018-12-19 15:13:46.503	error	erron in request: 502
spotify-premium.0	2018-12-19 15:13:41.393	error	erron in request: 502
spotify-premium.0	2018-12-19 15:13:36.780	error	erron in request: 502
spotify-premium.0	2018-12-19 15:13:36.672	error	playlist error no playlist content
spotify-premium.0	2018-12-19 15:13:36.671	error	erron in request: 500
spotify-premium.0	2018-12-19 15:13:36.402	error	erron in request: 502
spotify-premium.0	2018-12-19 15:13:35.250	info	starting. Version 1.0.0 in /opt/iobroker/node_modules/iobroker.spotify-premium, node: v8.12.0

wendy2702

Ich hoffe das liegt an Spotify :mrgreen:

Glaube ja nicht das unsere beiden Installationen fasst Zeitgleich den gleichen Fehler bringen.

EDIT: Denke Spotify hat ein Problem da ich mich auch nicht mehr in meinem Developer Account anmelden kann.

AxelF1977

~~@wendy2702:~~

Ich hoffe das liegt an Spotify :mrgreen: `

Ich hoffe nicht, überleg mal, da hat twonky sich so viel Arbeit gemacht, uns allen diesen genialen Adapter zu schenken, und dann bekommt er von Spotify eine rein. Das wäre mehr als ärgerlich :o

Edit :15:22 Uhr

Spotify ist down, zumindest die Webseite!

https://www.spotify.com/de/

Auch hier kommen erste Meldungen

https://xn–allestrungen-9ib.de/stoerung/spotify

wendy2702

~~@AxelF1977:~~

~~@wendy2702:~~

Ich hoffe das liegt an Spotify :mrgreen: `

Ich hoffe nicht, überleg mal, da hat twonky sich so viel Arbeit gemacht, uns allen diesen genialen Adapter zu schenken, und dann bekommt er von Spotify eine rein. Das wäre mehr als ärgerlich :o `

Ich meine damit ein Technisches Problem.

Scheint auch so zu sein siehe meinen Beitrag davor. Login Developer Seite geht auch nicht bei mir.

EDIT: 15:32 Uhr Scheint wieder zu gehen.

twonky

Jagt mir doch nicht so einen schrecken ein :o

AxelF1977

So,

das View ist an den neuen Adapter angepasst. Es ist nun um einiges einfacher das View einzubinden. Ich muss aber noch exportieren, auf einer anderen Umgebung testen und eine Doku schreiben. Daher schaffe ich es heute nicht mehr.

Anbei 2 Screenshots, einmal 1280px Auflösung, einmal 1920px Auflösung.

Es wird eine Version geben mit dem View für nur eine Instanz, und eine für eine Version mit mehreren Instanzen, wie ich es auch nutze.
4249_spotify_1.0.0-1920.png
4249_spotify_1.0.0-1280.png

AxelF1977

Hier nun das View. Ihr findet in der Datei sowohl die Datei für eine Instanz, sowie die Version für mehrere.

Das View funktioniert NUR mit dem Adapter ab Version 1.0.0

Viel Spaß damit
4249_view_spotify_1.0.0.rar

wendy2702

~~@AxelF1977:~~

Hier nun das View. Ihr findet in der Datei sowohl die Datei für eine Instanz, sowie die Version für mehrere.

Das View funktioniert NUR mit dem Adapter ab Version 1.0.0

Viel Spaß damit `

Hi und Danke für die Bereitstellung deiner Views.

Ich muss mal fragen, das was ich auf deinen Screenshots sehe sind die "beiden" Views!?

In deinem Upload finde ich z.B. ein Text file –> Spotify_Multi.txt und im Ordner Views noch einzelne weitere Views.

Wenn ich alle importiere sollte sich nach öffnen welches View die komplette Seite Zeigen?

Warum machst du das über so viele einzelne Views?

Wenn ich z.B. alle Views für Spotify.0 Multi importiere sehe ich nur das:

Wo liegt denn jetzt mein Fehler?

EDIT: Glaube mein Problem liegt darin das VIS Editor mir beim Import aus dem "." im View Namen einen "_" macht.

Community Forum

NEWS

[Vorlage] Spotify Skript

Support us

587

32.4k

81.4k

1.3m