PLAYER CON FOTOS

Multi Player Music - Live Streams

Selecciona una emisora Streaming en vivo

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

Instrucciones para instalar en Blogger:

1. Ve al panel de control de tu Blogger.

2. Selecciona Diseño.

3. Haz clic en Añadir un gadget en la sección donde quieras el reproductor (preferiblemente en el cuerpo principal).

4. Elige HTML/JavaScript.

5. Pega todo el código generado arriba.

6. Guarda los cambios.

Características del Reproductor:

• 30 Filas/Tarjetas: He configurado el script para usar las imágenes que proporcionaste y rotar entre las 3 URLs de audio que compartiste.

• Barra Fija (Sticky Player): Al desplazarte hacia abajo por las fotos, el control de música permanece visible en la parte inferior de la pantalla.

• Diseño Oscuro (Premium): Estilo moderno con bordes redondeados y efectos al pasar el ratón.

• Responsivo: Se adapta perfectamente a teléfonos móviles y tablets sin salirse de los márgenes de Blogger.

• Multiformato: Soporta streams HTTP, HTTPS y archivos directos .mp3.

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

MUYTI PLAYER ESTA CIONES DE RADI AUDIO

Selecciona una Estación

ARTE DIGITAL LIVE

DIRECTORIO DE RADIO PROFESIONAL

ALBUM --4

Cargando Álbum 3D...

ALBUM -4-- CAPASIDAD 200FITIS

Página: 1 /

-----------------------------------------------------------------------------------------------------------------------------------------------------------------   Este es un código HTML completo, diseñado específicamente para ser pegado en una entrada de Blogger (en la pestaña de Vista HTML).

He creado un Álbum 3D Estilo Libro Dinámico que reacciona al movimiento del ratón: si mueves el ratón hacia la izquierda o derecha, las páginas se pasan automáticamente con un efecto de profundidad realista. He incluido las imágenes que proporcionaste y he dejado el espacio preparado para que puedas añadir fácilmente las 200 URLs que necesites.

Album 3D Interactivo para Blogger

26 abr, 11:31 a.m.

Instrucciones para Blogger:

1. Entra a tu panel de Blogger.

2. Crea una Nueva Entrada o edita una existente.

3. En el editor, haz clic en el icono del lápiz (arriba a la izquierda) y selecciona Vista HTML.

4. Borra todo lo que haya y pega el código que te he generado arriba.

5. Para añadir más fotos (hasta las 200 que mencionaste), busca en el código la sección const imageUrls = [ y pega allí tus enlaces entre comillas y separados por una coma.

6. Dale a Publicar o Vista previa.

Características de este álbum:

• Interactividad 100%: Las páginas pasan de izquierda a derecha y viceversa simplemente moviendo el ratón sobre el álbum.

• Efecto 3D Realista: Utiliza transformaciones CSS3 para simular profundidad, sombras y el giro de las hojas.

• Responsive: Se ajusta automáticamente al tamaño de la pantalla, incluyendo teléfonos móviles.

• Bajo Peso: No utiliza librerías externas pesadas (como jQuery), por lo que cargará muy rápido en tu blog.

• Capacidad: Está preparado para manejar grandes listas de imágenes de forma eficiente.

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

ALBUM --3

Haz clic en las hojas para pasar página

ALBUM --2

Haz clic en las hojas para pasar o usa los botones

LIBRO ALBUM DE FOTOS ANIMADO

Pasa el ratón o haz clic para pasar las hojas de izquierda a derecha

PLAYER CON MULTI FOTOS EN LOA PLAUYER

Selecciona una Emisora

LISTO PARA REPRODUCIR

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

Por qué este reproductor es perfecto para ti:

1. Compatibilidad Blogger: El código es autónomo, no necesita archivos externos (.js o .css de otros servidores) que a veces fallan.

2. No altera tus colores: He usado colores neutros (#1f1f1f) y un dorado táctico (#aa9c42) que combina con tu estilo colonial y militar sin cambiar el color de las letras o fondos de tu plantilla original.

3. Fácil de Editar: Solo tienes que cambiar la lista const stations al principio del Script.

4. Buscador en tiempo real: Tus usuarios pueden escribir el nombre de la radio y las tarjetas se filtrarán solas.

¿Deseas que le añada el efecto de disco giratorio 3D a la barra superior? -------------

PLAYER COM PRTADAS EN LA LISTA

Selecciona una Emisora

ARTE DIGITAL RADIO

Hibi Radio

La N 103.5 FM

Rudy Rudysimo

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

¿Qué incluye esta versión?

1. Barra Superior Pegajosa (Sticky): Al igual que el código de myRadioTuner, el reproductor se queda arriba mientras haces scroll en tu blog.

2. Sistema Multi-Estación: He creado una "grilla" (grid) donde puedes añadir tantas estaciones como quieras. Solo tienes que copiar el bloque de la "Estación" y cambiar la URL y el nombre.

3. Respeto Estético: Usa el color --accent: #aa9c42 que venía en tu código original para los bordes y efectos de selección.

4. Optimizado para Imágenes: El arte del álbum cambia automáticamente cuando seleccionas una radio diferente.

Instrucción para añadir más radios: Para añadir una cuarta o quinta radio, busca en el código la parte que dice <div class="mrt-card"... y duplícala cambiando la URL del stream y la imagen del logo. ---------------------------------