Musixmatch API

// Search for music tracks
const headers = { 'X-Api-Key': 'YOUR_API_KEY' };
const query = 'electronic';
const response = await fetch(`https://developer.musixmatch.com`, { headers });
const data = await response.json();
const tracks = data.tracks || data.results || data.data || [];
const items = Array.isArray(tracks) ? tracks : [tracks];
items.slice(0, 5).forEach(track => {
  console.log(`🎵 ${track.name || track.title} - ${track.artist || track.artist_name || 'Unknown'}`);
});

// Display currently playing or recent music
const headers = { 'X-Api-Key': 'YOUR_API_KEY' };
const response = await fetch(`https://developer.musixmatch.com`, { headers });
const data = await response.json();
const current = data.track || data.now_playing || data;
console.log('Now Playing:', current.name || current.title || 'Nothing');
document.getElementById('now-playing').innerHTML =
  `<strong>${current.name || 'Track'}</strong> by ${current.artist || 'Artist'}`;

// Fetch tracks for a playlist
const headers = { 'X-Api-Key': 'YOUR_API_KEY' };
const response = await fetch(`https://developer.musixmatch.com`, { headers });
const data = await response.json();
const tracks = data.tracks || data.results || data.items || [];
const playlist = Array.isArray(tracks) ? tracks.slice(0, 10) : [tracks];
console.log('Generated playlist:');
playlist.forEach((t, i) => {
  console.log(`${i+1}. ${t.name || t.title} - ${t.artist || ''}`);
});