feat(admin): add MP3 validation with detailed audio info and cover detection

This commit is contained in:
Hördle Bot
2025-11-21 21:16:25 +01:00
parent 1d2a57352f
commit 3f544bf77c
2 changed files with 85 additions and 7 deletions

View File

@@ -84,7 +84,25 @@ export default function AdminPage() {
});
if (res.ok) {
setMessage('Song uploaded successfully!');
const data = await res.json();
const validation = data.validation;
let statusMessage = '✅ Song uploaded successfully!\n\n';
statusMessage += `📊 Audio Info:\n`;
statusMessage += `• Format: ${validation.codec || 'unknown'}\n`;
statusMessage += `• Bitrate: ${Math.round(validation.bitrate / 1000)} kbps\n`;
statusMessage += `• Sample Rate: ${validation.sampleRate} Hz\n`;
statusMessage += `• Duration: ${Math.round(validation.duration)} seconds\n`;
statusMessage += `• Cover Art: ${validation.hasCover ? '✅ Yes' : '❌ No'}\n`;
if (validation.warnings.length > 0) {
statusMessage += `\n⚠ Warnings:\n`;
validation.warnings.forEach((warning: string) => {
statusMessage += `${warning}\n`;
});
}
setMessage(statusMessage);
setFile(null);
fetchSongs();
} else {
@@ -247,7 +265,20 @@ export default function AdminPage() {
<button type="submit" className="btn-primary">
Upload Song
</button>
{message && <p style={{ textAlign: 'center', marginTop: '0.5rem' }}>{message}</p>}
{message && (
<div style={{
marginTop: '1rem',
padding: '1rem',
background: message.includes('⚠️') ? '#fff3cd' : '#d4edda',
border: `1px solid ${message.includes('⚠️') ? '#ffc107' : '#28a745'}`,
borderRadius: '0.25rem',
whiteSpace: 'pre-line',
fontSize: '0.875rem',
fontFamily: 'monospace'
}}>
{message}
</div>
)}
</form>
</div>