[Vorlage] Spotify Skript

dos1973 · 11 Mar 2019, 21:18

HI Leute,

ich suche mir inzwischen einen Wolf. Habt ihr den Adapter laufen, oder das anfängliche Script.

Ich suche eine einfach Trackliste, so wie Sie hier x-mal gezeigt wird, aber finde nicht funktionierendes. Ich kann nur die aus dem Adapter nutzen, aber diese is mit zu "vollgepackt"

Kann sich bitte einer erbarmen. Danke

crunchip · 12 Mar 2019, 02:19

@dos1973
Der Adapter läuft bei mir, die hier gezeigten Skripte, beziehen sich noch auf die vorherige Version, also kannste dir eins raus suchen und musst dann eben anpassen, da schon geschrieben, sich die state´s geändert haben

dos1973 · 12 Mar 2019, 07:24

Ich habe die states in den Scripten angepasst... aber trotz allem geht's nicht. Könnte jemand seine script bereitstellen, auch mit den CSS um Abstand und Text/ Titel Interpreten entsprechend von den größten darzustellen.

Vielen Dank

dos1973 · 13 Mar 2019, 20:55

Ist denn hier wirklich niemand der ein funktionales Script bereitstellen kann/möchte??

wendy2702 · 3 May 2020, 21:50

@dos1973 sagte in [Vorlage] Spotify Skript:

HI Leute,

ich suche mir inzwischen einen Wolf. Habt ihr den Adapter laufen, oder das anfängliche Script.

Ich suche eine einfach Trackliste, so wie Sie hier x-mal gezeigt wird, aber finde nicht funktionierendes. Ich kann nur die aus dem Adapter nutzen, aber diese is mit zu "vollgepackt"

Kann sich bitte einer erbarmen. Danke

Ich weiß nicht genau worauf du hinaus willst. Mein View sieht aktuell so aus:

Da läuft kein zusätzliches Script im Hintergrund.

dos1973 · 14 Mar 2019, 08:06

@wendy2702

Danke für dein Post.

Ich suche den view den @Mic am 27.11 - 19:38 gepostet hat, Seite 522.

Ich dachte es wäre eigenständige Scripts bei anderer Darstellung. Da ist Platz zwischen den Titeln und der Trackname und Künstler sind in unterschiedlichen Schrift Größen dargestellt.

wendy2702 · 14 Mar 2019, 08:10

@dos1973 sagte in [Vorlage] Spotify Skript:

Ich suche den view den @Mic am 27.11 - 19:38 gepostet hat, Seite 522.

Link dahin damit ich den mal sehen kann.

Seite 522 !?

dos1973 · 14 Mar 2019, 08:13

https://forum.iobroker.net/topic/7732/vorlage-spotify-skript/522

Post 522, nicht Seite

wendy2702 · 14 Mar 2019, 08:17

OK.

Den habe ich leider nie benutzt und daher auch nicht auf meinem Rechner.

crunchip · 14 Mar 2019, 08:26

@dos1973 ich hatte das damals so, muss aber angepasst werden

/*******************************************************
 * 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.playlistListString').val.split(";");
	
	var html = '<table class="playlistList">';
    /*****
     * 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 += '<tr onclick="vis.setValue(\'spotify-premium.0.playlists.playlistList\', ' + '\'' + idsFinal[i] + '\');">';
    		html += '<td class="spotify-playlist-title"' + currentList + '>';
    		    if(current == idsFinal[i]) html += '<div style="position:absolute;right:10px;width:30px;height:30px;"><img style="width:150%;" src="/vis.0/main/audio_volume_current.png"></div>';
            	html += '<div>' + playList[0] + '</div>';
            	if(playList[1] !== undefined) html += '<div class="albumName">Album: ' + playList[1] + '</div>';
    		html += '</td>';
		html += '</tr>';
	}
	html += '</table>';
	
	/***************************************************************************************************
	 * 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 += '<script>';
	    html += 'var el = document.getElementById("currentList");'; // ID von dem aktuellen DIV in der TABLE oben
	    html += "el.scrollIntoView(true);"; //true = Position oben / false = Position unten (Achtung hier Id:currentArtist angeben)
	html += '</script>';
	/***************************************************************************************************/

	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();

/*******************************************************
 * 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 = '<table class="tracklistList">';
    	for (var i = 0; i < source.length; i++) {
    		html += '<tr onclick="vis.setValue(\'spotify-premium.0.player.playlist.trackNo\', ' + i +');">';
        		html += '<td>';
        			/********************************************************************
        			 * 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 += '<div style="position:absolute;left:0px;width:40px;height:40px;"><img style="width:100%;" src="/vis.0/main/audio_volume_current.png"></div>';
            		html += '<div class="spotify-tracklist-title"' + currentSong + '>' + source[i].title + '</div>';
                    html += '<div class="spotify-tracklist-artist"' + currentArtist + '>' + source[i].artist + '</div>';
                    /********************************************************************/
                    //log(source[i].artist); // (sollten alle Artisten auflisten in der Log-Ausgabe)
        		html += '</td>';
    		html += '</tr>';
    	}
	html += '</table>';
	
	/***************************************************************************************************
	 * 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 += '<script>';
	    html += 'var el = document.getElementById("currentSong");'; // ID von dem aktuellen DIV in der TABLE oben
	    html += "el.scrollIntoView(true);"; //true = Position oben / false = Position unten (Achtung hier Id:currentArtist angeben)
	html += '</script>';
	/***************************************************************************************************/

	setState(STATE_PATH + 'trackListHtml', html, true);
}

on('spotify-premium.0.playbackInfo.playlist.trackList', refreshTrackList);
on('spotify-premium.0.playbackInfo.playlist.trackListArray', refreshTrackList);

refreshTrackList();

css

.fixScroll > .vis-widget-body {
    position: absolute; /*Wichtig, muss absolute sein */
    width: 430px; /* hier deine Breite von deinem Widget */
    height: 470px; /* hier deine Höhe von deinem Widget */
    overflow-y: scroll; /* hier wird der Container zu einem scrollbaren Bereich */
}
.fixScroll1 > .vis-widget-body {
    position: absolute; /*Wichtig, muss absolute sein */
    width: 410px; /* hier deine Breite von deinem Widget */
    height: 470px; /* hier deine Höhe von deinem Widget */
    overflow-y: scroll; /* hier wird der Container zu einem scrollbaren Bereich */
}
.playlistList {
    width: 100%;
    padding-left:20px;
}
.playlistList tr td {
    padding: 3px 0;
}
#currentList {
    color: rgba(108,255,82,1);
}
.spotify-playlist-title {
    padding: 0px 10px;
    color: rgba(255,255,255,1);
}
.spotify-playlist-title > .albumName {
    font-size: 0.9em;
    color: rgba(255,255,255,0.8);
}
.tracklistList {
    width: 100%;
    padding-left: 35px;
}
.tracklistList tr td {
    padding: 3px 0;
}
.spotify-tracklist-title {
    padding: 0px 5px;
    color: rgba(255,255,255,1);
}
.spotify-tracklist-artist {
    padding: 0px 5px;
    font-size: 0.8em;
    color: rgba(255,255,255,0.8);
}
#currentSong  {
	color: rgba(108,255,82,1);
}
#currentArtist {
	color: rgba(108,255,82,0.6);
}

dos1973 · 14 Mar 2019, 10:32

Leute, Vielen Dank -
sobald ich zH teste ich das...

dos1973 · 14 Mar 2019, 19:39

Hi, das sieht bisher gut aus, muss noch etwas basteln ... aber die Darstellung passt. Ganz toll

Coffeelover · 18 Mar 2019, 12:37

@dos1973 Hältst du uns nach deinem Basteln auf Stand? Würde das gerne weiter verwenden...

Danke

dos1973 · 18 Mar 2019, 21:58

Ja, ich habe angefangen, bin aber leider nicht zu Hause, d.h frühestens WE gehts weiter...

Coffeelover · 18 Mar 2019, 22:11

@dos1973 Keine Eile - bei mir wird es vor dem nächstem Wochenende sicher auch nichts.

skokarl · 22 Mar 2019, 12:20

@wendy2702 sagte in [Vorlage] Spotify Skript:

@dos1973 sagte in [Vorlage] Spotify Skript:

HI Leute,

ich suche mir inzwischen einen Wolf. Habt ihr den Adapter laufen, oder das anfängliche Script.

Ich suche eine einfach Trackliste, so wie Sie hier x-mal gezeigt wird, aber finde nicht funktionierendes. Ich kann nur die aus dem Adapter nutzen, aber diese is mit zu "vollgepackt"

Kann sich bitte einer erbarmen. Danke

Ich weiß nicht genau worauf du hinaus willst. Mein View sieht aktuell so aus:

Da läuft kein zusätzliches Script im Hintergrund.

wendy2702,
stellst Du mir mal die View zur Verfügung ?, oder ist das die von weiter oben ?

wendy2702 · 22 Mar 2019, 14:07

Glaube es ist die von weiter oben....

Hast du mal nen link zu dem Beitrag ?

skokarl · 22 Mar 2019, 14:49

@wendy2702 sagte in [Vorlage] Spotify Skript:

Glaube es ist die von weiter oben....

Hast du mal nen link zu dem Beitrag ?

der Post 583.

Da Du ja so fit bist, , mit Sonos One Boxen geht Spotify nicht, oder ?
Ich würde nämlich lieber die nehmen als die originalen Alexa Boxen, schon alleine wegen der Optik. Und Vattenfall hat mir ein paar geschenkt

wendy2702 · 26 Mar 2019, 11:23

@skokarl sagte in [Vorlage] Spotify Skript:

Da Du ja so fit bist,

Danke für die Blumen aber da verwechselst du mich.

Bin aktuell am Tablet zu dumm den Post zu finden

EDIT: Spotify View neuer Upload spotify_view.txt

Soweit ich weiß geht Spotify mit Sonos nicht. Ich nutze Yamaha MusicCast ... die funktionieren zum Glück.

skokarl · 22 Mar 2019, 16:13

@wendy2702 sagte in [Vorlage] Spotify Skript:

@skokarl sagte in [Vorlage] Spotify Skript:

Da Du ja so fit bist,

Danke für die Blumen aber da verwechselst du mich.

Bin aktuell am Tablet zu dumm den Post zu finden

Spotify_View.txt

Soweit ich weiß geht Spotify mit Sonos nicht. Ich nutze Yamaha MusicCast ... die funktionieren zum Glück.

geht leider nicht.

NEWS

[Vorlage] Spotify Skript

Support us

911
Online

31.3k
Users

78.7k
Topics

1.3m
Posts

NEWS

[Vorlage] Spotify Skript

Support us

911Online

31.3kUsers

78.7kTopics

1.3mPosts

911
Online

31.3k
Users

78.7k
Topics

1.3m
Posts