3

ARTISTICA YW ONLINE

Tu música favorita en un solo lugar

Cargando...
EN VIVO

volume_up

2

CRN MULTIMEDIA

Tu lista personalizada de éxitos y emisoras en vivo

Seleccionado
REPRODUCIENDO AHORA

volume_up

1

Seleccionado
EN LINEA

volume_up

MULTIPLAYER MEJORADO

ARTISTICA YW MULTIMEDIA

SISTEMA AUTO-ADAPTABLE PARA BLOGGER

Cargando...

• EN VIVO

volume_up

----------------------------------------------------------------------------------------------------------------------------------------------------------------  

Detalles del Player:

1. Transparencia: El reproductor flotante usa backdrop-filter: blur, lo que significa que el fondo de tu página de Blogger se verá borroso por detrás del control, dando un efecto cristalino profesional.

2. Multidevice: Se ajusta automáticamente al ancho de la pantalla (móvil, tablet o PC).

3. Lista de 50: El script genera automáticamente 50 recuadros. Solo tienes que editar la sección const emisoras con tus nombres, links y fotos.

4. No invasivo: El reproductor solo aparece cuando el usuario hace clic en una canción o emisora, manteniendo la estética limpia de tu blog.

 ---------------------------------

FLOTANTE -Player Web para Blogger Mejorado

ARTISTICA YW--MULTIPLAYER

Selecciona una emisora para comenzar la reproducción

Nombre Emisora EN VIVO

volume_up

----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 

Por qué este reproductor es mejor:

• Capacidad Ampliada: He configurado el script para que gestione 50 espacios. Solo tienes que editar el array emisorasData en el código para cambiar nombres y links.

• Totalmente Adaptable: El reproductor inferior se ajusta automáticamente. En celulares, oculta el control de volumen para dejar espacio a los controles principales.

• Efecto de Animación: El logo de la emisora gira como un disco de vinilo únicamente cuando la música se está reproduciendo.

• Carga de Imágenes Ligera: Utiliza servicios de placeholder para los logos si no tienes una imagen a mano, lo que hace que tu blog de Blogger cargue más rápido.

Nota sobre los enlaces: Algunos de los enlaces que copiaste al final (especialmente los de Zeno con muchos caracteres) suelen caducar. Si una emisora deja de sonar, asegúrate de conseguir el enlace directo de streaming (terminado en .mp3 o ;stream)   ------------------------------------------------------------

MULTI PLAYER--100%100 compatible con Blogger

CRN Online

500 Emisoras Disponibles

Todas

Guatemala

Éxitos

Selecciona una radio

Listo para reproducir

play_circle

-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  

Por qué esta versión es mejor para Blogger:

1. 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.

2. 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.

3. 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.

4. 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.

5. 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.  ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

MULTI PLAYER FLOTANTES CON LISTA DE REPRODUCCION

Selecciona Emisora

Listo para reproducir

profesional flotante

Selecciona una emisora

Listo para reproducir

queue_music

-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  

Características de este código:

1. Diseño Cristalino: Utiliza backdrop-filter: blur para un efecto de vidrio esmerilado que se adapta al fondo de tu blog.

2. Flotante y Ajustable: Se mantiene siempre en la parte inferior (bottom: 0) y su ancho es del 100%, adaptándose a móviles y escritorio.

3. Capacidad para 50 URLs: En la sección del const stations, he colocado las URLs que enviaste. Solo tienes que seguir el patrón { name: "Nombre", url: "enlace", logo: "imagen" } para completar las 50.

4. Botones Profesionales: Incluye Play/Pausa, Anterior, Siguiente y un botón de lista (ícono de música) que despliega las opciones hacia arriba.

5. Compatible con Blogger: Al ser HTML puro con CSS interno, no genera conflictos con las plantillas de Blogger.

Instrucciones de edición:

Para agregar más radios, busca esta parte en el código y añade más líneas siguiendo la misma estructura:  -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

FLOTANTES-Reproductor de Radio HTML con Lista

Selecciona una emisora

volume_up

SUPER-COMPLETO-HTML para Reproductor de Radio

AYW-ONLINE

Selecciona tu emisora favorita (40 canales)

Nombre Emisora

EN VIVO

volume_up

------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  

Características destacadas:

1. Formato Blogger: El código está contenido en un bloque HTML limpio. Solo tienes que pegarlo en un "Gadget HTML/JavaScript" o en una entrada en modo HTML.

2. Responsivo: Se ajusta automáticamente. En móviles verás una columna y en escritorio varias.

3. Efecto Cristalino: Utiliza backdrop-filter: blur para dar ese aspecto moderno y translúcido (Glassmorphism).

4. Control de Volumen: He añadido un slider de volumen en el reproductor flotante.

5. Estructura de Datos: Las 40 URLs se manejan en la constante emisorasData. He puesto las que enviaste y espacios en blanco para que solo rellenes el nombre, la URL y la imagen del logo.

  ------------------------------------------------------------------------------------------

Reproductor MP3 Flotante CON LISTA AMPLIA

Lista de Reproducción (40 Canales)

Selecciona una emisora En vivo