Aislamiento de Estilos (#crn-app-container): He usado un contenedor con el ID principal que resetea los estilos (all: initial). Esto evita que si tu plantilla de Blogger tiene letras rojas o fondos extraños, afecten al reproductor.
Player "Glassmorphism" Transparente: El reproductor tiene un efecto de desenfoque (backdrop-filter) y fondo semi-transparente que se adapta estéticamente a cualquier fondo de blog.
Estructura de Datos Editable: En el bloque de JavaScript, bajo la constante emisoras, tienes el objeto listo. Solo tienes que duplicar las líneas y cambiar los datos.
Optimización de Memoria: El script solo crea un objeto de audio (new Audio()), lo cual es vital para no ralentizar el navegador cuando manejas 500 URLs.
Mobile First: El diseño cambia automáticamente a una columna en móviles para que sea fácil de tocar con el dedo.
Instrucción para las 500 URLs:
Te recomiendo organizar el JSON por bloques (por ejemplo, de 50 en 50) para que sea fácil de editar. Si tienes un archivo Excel con las URLs, puedo ayudarte a convertirlo al formato de código rápidamente. ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
.jpeg)
No hay comentarios.:
Publicar un comentario