Selecciona una pista
Listo para reproducir
| # | Imagen | Nombre del Audio | Acción |
|---|
Reproductor Multimedia 100% Compatible
Crea una nueva entrada o página en tu Blog.
Cambia la vista del editor de "Redactar" a "Vista HTML" (usando el icono del lápiz arriba a la izquierda).
Pega todo el código que te he proporcionado arriba.
Publica la entrada.
Click normal: Reproduce el audio del video de YouTube en esa casilla.
Shift + Click (Tecla Mayús + Click): Abre un menú para cambiar el link del video o la foto de portada de esa casilla específica.
Botón "Ver/Ocultar Video": Por defecto, el video está oculto para que solo escuches la música, pero puedes mostrarlo si quieres ver el clip en pequeño.
Añadir Casilla: Puedes expandir tu tabla infinitamente para colocar cientos de canciones.
Selecciona una pista para comenzar a escuchar
Ninguna pista seleccionada
Haz clic en una canción
Crea una nueva entrada o página en tu panel de Blogger.
Cambia la vista del editor de "Redacción" a "Vista HTML".
Pega todo el código generado anteriormente.
Para añadir más canciones, busca la sección const tracks = [...] en el código y sigue el mismo formato:
id: Es el código que aparece después de v= en el enlace de YouTube (ej. qurynQHSPhw).
title: El nombre de la canción.
cover: El enlace de la imagen que quieres que aparezca en la casilla.
Características principales:
Estilo Cuadrícula (Table Style): Organizado en casillas elegantes que se adaptan a móviles y computadoras.
YouTube Player Integrado: Extrae el audio de los videos de YouTube de forma transparente.
100% Compatible con Blogger: No requiere archivos externos, todo el CSS y JS está incrustado.
Control Total: Barra de progreso, control de volumen, siguiente/anterior y cambio de carátula en tiempo real.
Listo para reproducir
Listo para reproducir
| # | Portada | Título / Artista | URL de Audio / YouTube | Acción |
|---|
Crea una Nueva Entrada o edita una existente.
Cambia la vista del editor de "Redactar" a "Vista HTML" (usando el icono del lápiz en la esquina superior izquierda).
Borra todo el contenido y pega el código anterior.
Para cada fila, puedes:
Cambiar el Título y el Artista directamente en la tabla.
Pegar un enlace directo de audio (ejemplo: https://tusitio.com/musica.mp3).
Pegar un enlace de YouTube (ejemplo: https://www.youtube.com/watch?v=XXXXX). El reproductor detectará automáticamente el video y reproducirá solo el audio.
Haz clic en Publicar.