Filipinos/CinePlex
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 2 Wiki Activity

fix fab musicplayer

Browse Source
This commit is contained in:
Filipinos 2025-07-13 00:28:13 +02:00
parent 104d669ac9
commit 419bfe0ab5
1 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
js/musicPlayer.js
View File

@ -23,6 +23,7 @@ export class MusicPlayer {
this.isPlayerVisible = false; this.isPlayerVisible = false;
this.isReady = false; this.isReady = false;
this.isInitializing = false; this.isInitializing = false;
this.miniplayerManuallyClosed = false;
} }
setDB(databaseInstance) { setDB(databaseInstance) {
@ -214,11 +215,12 @@ export class MusicPlayer {
} }
closeMiniplayer() { closeMiniplayer() {
this.miniplayerManuallyClosed = true;
const miniplayer = document.getElementById('miniplayer'); const miniplayer = document.getElementById('miniplayer');
gsap.to(miniplayer, { y: '110%', duration: 0.5, ease: 'power3.in', onComplete: () => { gsap.to(miniplayer, { y: '110%', duration: 0.5, ease: 'power3.in', onComplete: () => {
miniplayer.style.display = 'none'; miniplayer.style.display = 'none';
document.body.classList.remove('miniplayer-active'); document.body.classList.remove('miniplayer-active');
if (this.isPlaying) { if (this.indiceActual >= 0) {
document.getElementById('fab-music-player').style.display = 'flex'; document.getElementById('fab-music-player').style.display = 'flex';
gsap.fromTo('#fab-music-player', { scale: 0, opacity: 0 }, { scale: 1, opacity: 1, duration: 0.3, ease: 'back.out(1.7)' }); gsap.fromTo('#fab-music-player', { scale: 0, opacity: 0 }, { scale: 1, opacity: 1, duration: 0.3, ease: 'back.out(1.7)' });
} }
@ -226,6 +228,7 @@ export class MusicPlayer {
} }
openMiniplayer() { openMiniplayer() {
this.miniplayerManuallyClosed = false;
const miniplayer = document.getElementById('miniplayer'); const miniplayer = document.getElementById('miniplayer');
const fab = document.getElementById('fab-music-player'); const fab = document.getElementById('fab-music-player');
gsap.to(fab, { scale: 0, opacity: 0, duration: 0.3, ease: 'back.in(1.7)', onComplete: () => { gsap.to(fab, { scale: 0, opacity: 0, duration: 0.3, ease: 'back.in(1.7)', onComplete: () => {
@ -542,7 +545,7 @@ export class MusicPlayer {
} }
const miniplayer = document.getElementById('miniplayer'); const miniplayer = document.getElementById('miniplayer');
if (miniplayer.style.display === 'none') { if (miniplayer.style.display === 'none' && !this.miniplayerManuallyClosed) {
gsap.fromTo(miniplayer, { y: '100%' }, { display: 'grid', y: '0%', duration: 0.5, ease: 'power3.out' }); gsap.fromTo(miniplayer, { y: '100%' }, { display: 'grid', y: '0%', duration: 0.5, ease: 'power3.out' });
} }
document.body.classList.add('miniplayer-active'); document.body.classList.add('miniplayer-active');
@ -574,7 +577,9 @@ export class MusicPlayer {
if (playIconElement) { if (playIconElement) {
playIconElement.className = 'fas fa-play play-icon'; playIconElement.className = 'fas fa-play play-icon';
} }
if (!this.miniplayerManuallyClosed) {
document.getElementById('fab-music-player').style.display = 'none'; document.getElementById('fab-music-player').style.display = 'none';
}
}).catch((error) => { }).catch((error) => {
this.handleAudioError(_('playbackError')); this.handleAudioError(_('playbackError'));
if (playIconElement) { if (playIconElement) {