MEG@-RADIO

Separador con línea dorada Banner con Texto en Movimiento
Imagen Pop-up
Imagen
Separador con línea dorada
Portada del álbum


(function(){ let portadaOriginal = ''; const djVariantes = [ { nombres: ['antonio dj en vivo','antonio_dj en vivo','dj antonio en vivo'], imagen: 'https://www.megaradioonline.com/radio/AntonioDJ.png' }, { nombres: ['bender_vdj en vivo','bender dj en vivo','bender','dj bender en vivo'], imagen: 'https://www.megaradioonline.com/radio/Bender_VDJ.png' }, { nombres: ['dj angel nocturno en vivo','angel nocturno dj en vivo','angel nocturno en vivo'], imagen: 'https://www.megaradioonline.com/radio/DJ_Angel_Nocturno.png' }, { nombres: ['garfield dj en vivo','dj garfield en vivo'], imagen: 'https://www.megaradioonline.com/radio/DJ_GARFIELD.png' }, { nombres: ['dj gary en vivo','dj_gary en vivo','gary dj en vivo'], imagen: 'https://www.megaradioonline.com/radio/DJ_GARY.png' }, { nombres: ['dj matt en vivo','matt dj en vivo','dj_matt en vivo'], imagen: 'https://www.megaradioonline.com/radio/DJ_MATT.png' }, { nombres: ['dj richard en vivo','dj richard mix en vivo','djrichard mix en vivo','djrichard en vivo'], imagen: 'https://www.megaradioonline.com/radio/DJ_RICHARD_MIX.png' }, { nombres: ['freddy@dj en vivo','freddy dj en vivo','freddy en vivo','dj freddy en vivo','freddy dj live en vivo'], imagen: 'https://drive.google.com/uc?export=view&id=1w8-8j-shFMh1i12_uQNBy36_d1NhFmae' } ]; const enVivoImage = 'https://www.megaradioonline.com/img/live-dj-01.gif'; const enVivoStyles = ` .dj-container{display:flex;flex-direction:column;align-items:center;gap:10px} .dj-info{position:relative;display:flex;justify-content:center;width:100%;max-width:600px} .dj-text-wrapper{position:relative;text-align:center;padding:20px;font-weight:bold;font-size:1.4em} .en-vivo-badge{position:absolute;top:0;left:-30px;height:70px;width:auto;animation:parpadeo 1s infinite} [data-type="trackimageurl"]{max-width:300px;max-height:300px;display:block!important} .portada-centrada{width:100%;display:flex;justify-content:center;margin-top:10px} @keyframes parpadeo{0%{opacity:1}50%{opacity:.3}100%{opacity:1}} `; function agregarEstilos(){ const s=document.createElement('style'); s.textContent=enVivoStyles; document.head.appendChild(s); } function actualizarDJ(){ const artistaElem=document.querySelector('[data-type="trackartist"]'); const portada=document.querySelector('[data-type="trackimageurl"]'); if(!artistaElem||!portada) return; const artistaTexto=artistaElem.innerText.trim().toLowerCase(); if(!artistaTexto) return; let imagenActual=portada.getAttribute('src')||''; if(!portadaOriginal && imagenActual && !imagenActual.includes('nocover.png')) portadaOriginal=imagenActual; let djDetectado=false; for(const dj of djVariantes){ for(const nombre of dj.nombres){ if(artistaTexto.includes(nombre)){ if(imagenActual!==dj.imagen){ portada.setAttribute('src', dj.imagen+'?v='+Date.now()); } djDetectado=true; break; } } if(djDetectado) break; } if(!djDetectado && portadaOriginal && imagenActual!==portadaOriginal){ portada.setAttribute('src', portadaOriginal); } if(imagenActual.includes('nocover.png') && djDetectado){ for(const dj of djVariantes){ for(const nombre of dj.nombres){ if(artistaTexto.includes(nombre)){ portada.setAttribute('src', dj.imagen+'?v='+Date.now()); break; } } } } const djContainer=artistaElem.closest('.dj-container'); if(djDetectado){ if(!djContainer){ const container=document.createElement('div'); container.className='dj-container'; const info=document.createElement('div'); info.className='dj-info'; const textWrap=document.createElement('div'); textWrap.className='dj-text-wrapper'; artistaElem.parentNode.insertBefore(container, artistaElem); container.appendChild(info); info.appendChild(textWrap); const badge=document.createElement('img'); badge.src=enVivoImage; badge.className='en-vivo-badge'; badge.alt='EN VIVO'; textWrap.appendChild(badge); textWrap.appendChild(artistaElem); container.appendChild(portada); } }else{ if(djContainer){ const info=djContainer.querySelector('.dj-info'); if(info){ const artista=info.querySelector('[data-type="trackartist"]'); if(artista){ djContainer.parentNode.insertBefore(artista, djContainer); } } djContainer.remove(); } const wrap=portada.closest('.portada-centrada'); if(!wrap){ const nuevo=document.createElement('div'); nuevo.className='portada-centrada'; portada.parentNode.insertBefore(nuevo, portada); nuevo.appendChild(portada); } } const portadaActual=document.querySelector('[data-type="trackimageurl"]'); if(portadaActual && !portadaActual.parentElement.classList.contains('portada-centrada') && !portadaActual.closest('.dj-container')){ const nuevo=document.createElement('div'); nuevo.className='portada-centrada'; portadaActual.parentNode.insertBefore(nuevo, portadaActual); nuevo.appendChild(portadaActual); } } window.addEventListener('load', ()=>{ agregarEstilos(); actualizarDJ(); setInterval(actualizarDJ, 5000); }); })();