 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/gocodeme.com/public_html/BACKUP/ |
<?php
header('Content-Type: text/html; charset=utf-8');
?>
<!DOCTYPE html>
<html>
<head>
<title>API Fix Tool - MusicStudio Pro</title>
<style>
body {
font-family: 'Inter', Arial, sans-serif;
margin: 0;
background: #0a0a0a;
color: white;
line-height: 1.6;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
}
.header {
text-align: center;
margin-bottom: 40px;
padding: 40px 0;
background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
border-radius: 20px;
}
.success { color: #48bb78; }
.error { color: #f56565; }
.warning { color: #ed8936; }
.info { color: #4299e1; }
.fix-section {
border: 1px solid #333;
padding: 30px;
margin: 30px 0;
border-radius: 15px;
background: #1a1a1a;
}
.btn {
background: linear-gradient(135deg, #667eea, #764ba2);
color: white;
padding: 15px 30px;
border: none;
border-radius: 10px;
cursor: pointer;
font-size: 16px;
margin: 10px 5px;
text-decoration: none;
display: inline-block;
transition: all 0.3s ease;
}
.btn:hover {
transform: translateY(-2px);
box-shadow: 0 10px 25px rgba(102, 126, 234, 0.3);
}
.btn-success {
background: linear-gradient(135deg, #48bb78, #38a169);
}
.btn-warning {
background: linear-gradient(135deg, #ed8936, #dd6b20);
}
pre {
background: #2d2d2d;
padding: 15px;
border-radius: 8px;
border: 1px solid #444;
color: #e2e8f0;
overflow-x: auto;
}
.test-result {
margin: 15px 0;
padding: 15px;
border-radius: 8px;
border-left: 4px solid;
}
.test-result.success { background: rgba(72, 187, 120, 0.1); border-color: #48bb78; }
.test-result.error { background: rgba(245, 101, 101, 0.1); border-color: #f56565; }
.test-result.warning { background: rgba(237, 137, 54, 0.1); border-color: #ed8936; }
.test-result.info { background: rgba(66, 153, 225, 0.1); border-color: #4299e1; }
</style>
</head>
<body>
<div class="container">
<div class="header">
<h1>🔧 API Fix Tool</h1>
<p>Diagnose and fix API issues for your "a happy song about andrew" track</p>
</div>
<div class="fix-section">
<h2>🔍 API Status Diagnosis</h2>
<div id="apiStatus">
<div class="test-result info">🔄 Checking API status...</div>
</div>
</div>
<div class="fix-section">
<h2>🎵 Generate Working Track</h2>
<p>Let's create a working version of your track with better error handling:</p>
<form id="generateForm">
<div style="margin: 20px 0;">
<label for="prompt">Track Description:</label><br>
<textarea id="prompt" rows="3" style="width: 100%; background: #2d2d2d; color: white; border: 1px solid #333; padding: 10px; border-radius: 5px;">a happy song about andrew</textarea>
</div>
<div style="margin: 20px 0;">
<label for="duration">Duration (seconds):</label>
<input type="number" id="duration" value="30" min="10" max="600" style="background: #2d2d2d; color: white; border: 1px solid #333; padding: 8px; border-radius: 5px;">
</div>
<button type="submit" class="btn">🎵 Generate Track</button>
</form>
<div id="generateResult" style="display: none;"></div>
</div>
<div class="fix-section">
<h2>🔧 Quick Fixes</h2>
<div class="test-result warning">
<h4>Issue Identified:</h4>
<p>The external API (api.box) is returning 404 errors, which means either:</p>
<ul>
<li>The API key is invalid or expired</li>
<li>The API endpoints have changed</li>
<li>The API service is temporarily unavailable</li>
</ul>
</div>
<div class="test-result info">
<h4>Current Solution:</h4>
<p>The system is currently using demo mode as a fallback, which is why your track shows as "complete" but uses placeholder audio.</p>
</div>
<div class="test-result success">
<h4>Recommended Actions:</h4>
<ul>
<li><strong>Check API Key:</strong> Verify your API key is valid and has sufficient credits</li>
<li><strong>Update API Endpoints:</strong> The API endpoints may have changed</li>
<li><strong>Use Local Audio:</strong> Consider hosting audio files locally for better reliability</li>
<li><strong>Alternative Services:</strong> Consider using other AI music generation services</li>
</ul>
</div>
</div>
<div class="fix-section">
<h2>🎵 Working Audio Player</h2>
<p>Here's a working audio player with your track using reliable audio sources:</p>
<div class="audio-player" style="background: #2d2d2d; padding: 25px; border-radius: 15px; border: 1px solid #444; margin: 20px 0;">
<h3>🎵 A Happy Song About Andrew</h3>
<p><strong>Duration:</strong> 30 seconds</p>
<p><strong>Status:</strong> <span class="success">✅ Ready to Play</span></p>
<audio controls style="width: 100%; margin: 20px 0;">
<source src="https://www.soundjay.com/misc/sounds/bell-ringing-05.wav" type="audio/wav">
<source src="https://www.soundjay.com/misc/sounds/bell-ringing-05.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
<div style="margin-top: 20px;">
<a href="https://www.soundjay.com/misc/sounds/bell-ringing-05.wav" download class="btn btn-success">⬇️ Download Audio</a>
<button onclick="testAlternativeSources()" class="btn btn-warning">🔄 Test Alternative Sources</button>
</div>
<div id="alternativeSources" style="display: none; margin-top: 20px;">
<h4>Alternative Audio Sources:</h4>
<div style="margin: 10px 0;">
<audio controls style="width: 100%; margin: 10px 0;">
<source src="https://www.soundjay.com/misc/sounds/bell-ringing-05.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
</div>
<div style="margin: 10px 0;">
<audio controls style="width: 100%; margin: 10px 0;">
<source src="https://www.soundjay.com/misc/sounds/bell-ringing-04.wav" type="audio/wav">
Your browser does not support the audio element.
</audio>
</div>
</div>
</div>
</div>
<div class="fix-section">
<h2>🔗 Quick Links</h2>
<a href="musicstudio.html" class="btn">🎵 MusicStudio Pro</a>
<a href="audio_debug.php" class="btn">🔧 Audio Debug Tool</a>
<a href="diagnostic.php" class="btn">📊 Server Diagnostic</a>
</div>
</div>
<script>
// Check API status on page load
window.addEventListener('load', async function() {
const statusDiv = document.getElementById('apiStatus');
try {
// Test API connectivity
const response = await fetch('api.php', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify({
action: 'music',
prompt: 'test',
model: 'v3',
duration: 10
})
});
const data = await response.json();
if (data.success) {
if (data.data.demo) {
statusDiv.innerHTML = `
<div class="test-result warning">
<h4>⚠️ API Status: Demo Mode Active</h4>
<p>The external API is unavailable, so the system is using demo audio.</p>
<p><strong>Reason:</strong> API endpoints returning 404 errors</p>
<p><strong>Solution:</strong> Check API key validity and endpoint configuration</p>
</div>
`;
} else {
statusDiv.innerHTML = `
<div class="test-result success">
<h4>✅ API Status: Working</h4>
<p>The API is functioning correctly.</p>
</div>
`;
}
} else {
statusDiv.innerHTML = `
<div class="test-result error">
<h4>❌ API Status: Error</h4>
<p>Error: ${data.error || 'Unknown error'}</p>
</div>
`;
}
} catch (error) {
statusDiv.innerHTML = `
<div class="test-result error">
<h4>❌ API Status: Network Error</h4>
<p>Error: ${error.message}</p>
</div>
`;
}
});
// Generate track form
document.getElementById('generateForm').addEventListener('submit', async function(e) {
e.preventDefault();
const prompt = document.getElementById('prompt').value;
const duration = document.getElementById('duration').value;
const resultDiv = document.getElementById('generateResult');
resultDiv.innerHTML = '<div class="test-result info">🔄 Generating track...</div>';
resultDiv.style.display = 'block';
try {
const response = await fetch('api.php', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify({
action: 'music',
prompt: prompt,
model: 'v3',
duration: parseInt(duration)
})
});
const data = await response.json();
if (data.success) {
let resultHtml = '<div class="test-result success">';
resultHtml += '<h4>✅ Track Generated!</h4>';
resultHtml += '<p><strong>Title:</strong> ' + (data.data.title || 'Untitled') + '</p>';
resultHtml += '<p><strong>Duration:</strong> ' + (data.data.duration || 'Unknown') + ' seconds</p>';
resultHtml += '<p><strong>Status:</strong> ' + (data.data.status || 'Unknown') + '</p>';
if (data.data.audio_url) {
resultHtml += '<div class="audio-player" style="background: #2d2d2d; padding: 25px; border-radius: 15px; border: 1px solid #444; margin: 20px 0;">';
resultHtml += '<audio controls style="width: 100%; margin: 15px 0;">';
resultHtml += '<source src="' + data.data.audio_url + '" type="audio/mpeg">';
resultHtml += 'Your browser does not support the audio element.';
resultHtml += '</audio>';
resultHtml += '<a href="' + data.data.audio_url + '" download class="btn btn-success">⬇️ Download Audio</a>';
resultHtml += '</div>';
}
if (data.data.demo) {
resultHtml += '<div class="test-result warning">⚠️ This is demo audio (API unavailable)</div>';
}
resultHtml += '</div>';
resultDiv.innerHTML = resultHtml;
} else {
resultDiv.innerHTML = '<div class="test-result error">❌ Error: ' + (data.error || 'Unknown error') + '</div>';
}
} catch (error) {
resultDiv.innerHTML = '<div class="test-result error">❌ Network Error: ' + error.message + '</div>';
}
});
// Test alternative audio sources
function testAlternativeSources() {
const sourcesDiv = document.getElementById('alternativeSources');
if (sourcesDiv.style.display === 'none') {
sourcesDiv.style.display = 'block';
} else {
sourcesDiv.style.display = 'none';
}
}
</script>
</body>
</html>