 Server : Apache/2 System : Linux server-15-235-50-60 5.15.0-164-generic #174-Ubuntu SMP Fri Nov 14 20:25:16 UTC 2025 x86_64 User : gositeme ( 1004) PHP Version : 8.2.29 Disable Function : exec,system,passthru,shell_exec,proc_close,proc_open,dl,popen,show_source,posix_kill,posix_mkfifo,posix_getpwuid,posix_setpgid,posix_setsid,posix_setuid,posix_setgid,posix_seteuid,posix_setegid,posix_uname Directory : /home/gositeme/domains/soundstudiopro.com/public_html/ |
<?php
session_start();
include 'includes/header.php';
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Fix Global Player</title>
<style>
body {
font-family: 'Inter', sans-serif;
background: #0a0a0a;
color: white;
padding: 2rem;
}
.fix-section {
background: rgba(255, 255, 255, 0.05);
border-radius: 12px;
padding: 2rem;
margin: 2rem 0;
border: 1px solid rgba(255, 255, 255, 0.1);
}
.fix-button {
background: linear-gradient(135deg, #667eea, #764ba2);
color: white;
border: none;
padding: 1rem 2rem;
border-radius: 8px;
font-size: 1.4rem;
font-weight: 600;
cursor: pointer;
margin: 0.5rem;
transition: all 0.3s ease;
}
.fix-button:hover {
transform: translateY(-2px);
box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);
}
.status {
padding: 1rem;
border-radius: 8px;
margin: 1rem 0;
font-weight: 600;
}
.status.success { background: rgba(72, 187, 120, 0.2); border: 1px solid #48bb78; }
.status.error { background: rgba(245, 101, 101, 0.2); border: 1px solid #f56565; }
.status.warning { background: rgba(237, 137, 54, 0.2); border: 1px solid #ed8936; }
</style>
</head>
<body>
<h1>🔧 Fix Global Player Issues</h1>
<div class="fix-section">
<h2>Quick Fixes</h2>
<button class="fix-button" onclick="fixEventListeners()">Fix Event Listeners</button>
<button class="fix-button" onclick="fixAudioContext()">Fix Audio Context</button>
<button class="fix-button" onclick="forceShowPlayer()">Force Show Player</button>
<button class="fix-button" onclick="testPlayButton()">Test Play Button</button>
<button class="fix-button" onclick="reloadPage()">Reload Page</button>
</div>
<div class="fix-section">
<h2>Status</h2>
<div id="status" class="status">Ready to fix...</div>
</div>
<script>
function updateStatus(message, type = 'info') {
const statusDiv = document.getElementById('status');
statusDiv.textContent = message;
statusDiv.className = `status ${type}`;
}
function fixEventListeners() {
updateStatus('Fixing event listeners...', 'warning');
// Remove all existing event listeners from play button
const playBtn = document.getElementById('globalPlayBtn');
if (playBtn) {
// Clone and replace to remove all listeners
const newPlayBtn = playBtn.cloneNode(true);
playBtn.parentNode.replaceChild(newPlayBtn, playBtn);
// Add new listener
newPlayBtn.addEventListener('click', function(e) {
e.preventDefault();
e.stopPropagation();
console.log('🎵 Play button clicked (fixed)');
if (window.globalPlayer && typeof window.globalPlayer.togglePlayPause === 'function') {
window.globalPlayer.togglePlayPause();
} else {
console.error('🎵 Global player not available');
}
});
updateStatus('Event listeners fixed!', 'success');
} else {
updateStatus('Play button not found', 'error');
}
}
function fixAudioContext() {
updateStatus('Fixing audio context...', 'warning');
// Try to unlock audio context
if (window.globalPlayer && window.globalPlayer.audio) {
window.globalPlayer.audio.play().then(() => {
window.globalPlayer.audio.pause();
updateStatus('Audio context unlocked!', 'success');
}).catch(error => {
updateStatus('Audio context unlock failed: ' + error.message, 'error');
});
} else {
updateStatus('No audio element found', 'error');
}
}
function forceShowPlayer() {
updateStatus('Forcing player to show...', 'warning');
if (window.globalPlayer && typeof window.globalPlayer.showPlayer === 'function') {
window.globalPlayer.showPlayer();
updateStatus('Player should be visible now!', 'success');
} else {
updateStatus('Global player not available', 'error');
}
}
function testPlayButton() {
updateStatus('Testing play button...', 'warning');
const playBtn = document.getElementById('globalPlayBtn');
if (playBtn) {
playBtn.click();
updateStatus('Play button clicked!', 'success');
} else {
updateStatus('Play button not found', 'error');
}
}
function reloadPage() {
updateStatus('Reloading page...', 'warning');
setTimeout(() => {
window.location.reload();
}, 1000);
}
// Auto-fix on load
window.addEventListener('load', function() {
setTimeout(() => {
if (typeof window.globalPlayer === 'undefined') {
updateStatus('Global player not loaded - try reloading page', 'error');
} else {
updateStatus('Global player loaded - try the fixes above', 'success');
}
}, 2000);
});
</script>
<?php include 'global_player.php'; ?>
</body>
</html>