Selecciona una pista
Reproductor de Audio MP3
Reproductor de Audio MP3
Esta versión cuenta con un fondo transparente para integrarse en tu blog, indicadores de nivel (VU meters) animados, perillas de control y el deslizador de volumen (fader) central. La lista está configurada exactamente para 25 canales MP3, lista para que pegues tus enlaces.
Estética de Mezclador Pro: El diseño imita una consola física con perillas (knobs) para ecualización, indicadores de volumen digitales y un cuerpo de metal oscuro.
Luz de Neón Amarilla: Todo el sistema brilla con un tono amarillo puro (#ffff00), incluyendo los botones, los bordes y las barras de audio.
VU Meters Animados: En la parte superior, dos paneles de barras reaccionan visualmente cuando la música está sonando.
Fader de Volumen Real: El deslizador amarillo central funciona para subir y bajar el volumen de la música.
Tabla de 25 Canales: Organizada en dos columnas (Nombre y Estado), ideal para manejar una lista larga de transmisiones.
Compatibilidad Total: Diseñado como un bloque único compatible con los gadgets de Blogger.
const playlist en el código y coloca tus enlaces MP3 entre las comillas de url: "". ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Esta versión cuenta con un esquema de color verde oliva y camuflaje, fondo transparente para que se integre perfectamente en cualquier diseño de Blogger, y la lista preparada para 25 canciones en formato de tabla táctica. He mantenido la máscara robótica pero con un acabado de blindaje militar y ojos de visión nocturna.
He finalizado la configuración del reproductor con las siguientes características:
Estética Militar Táctica: Colores verde oliva (#4b5320) y verde neón (#a3ff00) para simular un equipo de comunicaciones de campo.
Fondo Transparente: El contenedor principal tiene background: transparent, lo que permite que el reproductor "flote" sobre el fondo de tu blog en Blogger.
Tabla de 2 Columnas: La lista de reproducción está organizada en una tabla con encabezado fijo para una navegación clara.
25 Espacios Listos: En la sección del <script>, verás el arreglo tracks con 25 entradas. Solo tienes que pegar tus enlaces entre las comillas de url: "".
Controles Funcionales:
Máscara Animada: Flota y sus ojos pulsan cuando suena la música.
Fader de Volumen (GAIN): Desliza el control amarillo central para ajustar el sonido.
Navegación: Botones PREV, NEXT y un botón central de PLAY/PAUSE de gran tamaño.
| UNIDAD DE AUDIO (MP3) | ESTADO |
|---|
He configurado el código con 25 espacios listos para que coloques tus URLs de MP3.
Compatibilidad: El código está diseñado para que el fondo sea transparente, por lo que heredará los colores de tu blog. El diseño de la máscara es un dibujo vectorial (SVG) que no necesita imágenes externas.
Carga de Música: Busca la sección const tracks en el código. He dejado 25 espacios enumerados. Solo tienes que pegar el enlace de tus canciones MP3 entre las comillas de url: "".
Instalación:
Copia todo el código.
En Blogger, crea un gadget de HTML/JavaScript o pégalo en una entrada en modo Vista HTML.
Movimiento: La máscara tiene una animación de flotación constante y los ojos "parpadearán" y brillarán más intensamente cuando la música se esté reproduciendo.
Efecto de Giro 3D para Blogger
Pasa el ratón sobre la tarjeta para ver cómo gira.
Este es el reverso de la imagen.
Puedes poner texto, otra imagen o un botón aquí.Instrucciones: Copia el código CSS (dentro de <style>) y la estructura HTML en un Gadget HTML/JavaScript o en la vista HTML de tu entrada.