janishutz/MusicPlayer
1
0
Fork 0
mirror of https://github.com/janishutz/MusicPlayerV2.git synced 2025-11-25 13:04:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

color palette extractor

Browse Source
This commit is contained in:
Janis Hutz
2023-11-02 20:45:29 +01:00
parent 8d4cc4696c
commit 5c04672b0d
6 changed files with 204 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
frontend/src/client/showcase.js
View File

@@ -10,6 +10,7 @@ createApp( {
isPlaying: false,
pos: 0,
queuePos: 0,
colourPalette: [],
};
},
computed: {
@@ -40,6 +41,11 @@ createApp( {
this.songs = data.data.songQueue ?? [];
this.pos = data.data.pos ?? 0;
this.queuePos = data.data.queuePos ?? 0;
getColourPalette( '/getSongCover?filename=' + data.data.playingSong.filename ).then( palette => {
this.colourPalette = palette;
} ).catch( () => {
this.colourPalette = [ { 'r': 255, 'g': 0, 'b': 0 }, { 'r': 0, 'g': 255, 'b': 0 }, { 'r': 0, 'g': 0, 'b': 255 } ]
} );
} else if ( data.type === 'pos' ) {
this.pos = data.data;
} else if ( data.type === 'isPlaying' ) {
@@ -48,6 +54,11 @@ createApp( {
this.songs = data.data;
} else if ( data.type === 'playingSong' ) {
this.playingSong = data.data;
getColourPalette( '/getSongCover?filename=' + data.data.filename ).then( palette => {
this.colourPalette = palette;
} ).catch( () => {
this.colourPalette = [ { 'r': 255, 'g': 0, 'b': 0 }, { 'r': 0, 'g': 255, 'b': 0 }, { 'r': 0, 'g': 0, 'b': 255 } ]
} );
} else if ( data.type === 'queuePos' ) {
this.queuePos = data.data;
}