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

lots of progress on client display integration

Browse Source
This commit is contained in:
Janis Hutz
2023-11-02 19:58:33 +01:00
parent 34bf27d20d
commit 8d4cc4696c
7 changed files with 247 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -5,15 +5,27 @@ createApp( {
data() {
return {
hasLoaded: false,
songs: {},
songs: [],
playingSong: {},
isPlaying: false,
pos: 0,
queuePos: 0,
};
},
computed: {
songQueue() {
let ret = [];
for ( let song in this.songs ) {
if ( parseInt( song ) >= this.queuePos ) {
ret.push( this.songs[ song ] );
}
}
return ret;
}
},
methods: {
connect() {
let source = new EventSource( '/clientDisplayNotifier', { withCredentials: true } );
let self = this;
source.onmessage = ( e ) => {
let data;
@@ -23,18 +35,22 @@ createApp( {
data = { 'type': e.data };
}
if ( data.type === 'basics' ) {
console.log( 'basics' );
console.log( data.data );
this.isPlaying = data.data.isPlaying ?? false;
this.playingSong = data.data.playingSong ?? {};
this.songs = data.data.songQueue ?? [];
this.pos = data.data.pos ?? 0;
this.queuePos = data.data.queuePos ?? 0;
} else if ( data.type === 'pos' ) {
this.pos = data.data;
} else if ( data.type === 'isPlaying' ) {
this.isPlaying = data.data;
} else if ( data.type === 'songQueue' ) {
} else if ( data.type === 'currentlyPlaying' ) {
this.songs = data.data;
} else if ( data.type === 'playingSong' ) {
this.playingSong = data.data;
} else if ( data.type === 'queuePos' ) {
this.queuePos = data.data;
}
console.log( data.data );
};
source.onopen = () => {