Una estación de radio Lofi que transmite música relajante las 24 horas, ideal para trabajar, estudiar o relajarse. Incluye múltiples canales de YouTube para cambiar entre diferentes estilos de música Lofi y fondos dinámicos que se ajustan al ambiente.
- Cambio de canales: Selecciona entre varios canales Lofi en YouTube con un solo clic.
- Reproductor personalizado:
- Reproduce, pausa o detén la música.
- Control de reproducción desde la interfaz.
- Fondos dinámicos: Cambia el fondo aleatoriamente cada vez que seleccionas un canal o presionas el botón.
- Animación visual: Incluye una barra de sonido animada para un toque estético.
- Interfaz simple y elegante: Diseño enfocado en la experiencia del usuario.
- HTML5: Estructura principal de la página.
- CSS3: Animaciones y estilos.
- JavaScript: Lógica para la integración con YouTube y cambio de fondos.
- YouTube IFrame API: Controla la reproducción de videos de YouTube directamente en la página.
- Clona este repositorio y asegúrate de tener un servidor local configurado (ej. Live Server en VS Code).
- Abre el archivo
index.html
en tu navegador. - Selecciona un canal de la lista de radios y disfruta de la música Lofi.
- Cambia el fondo o controla la reproducción con los botones disponibles.
- Añadir más videos:
- Agrega el ID de nuevos videos de YouTube a la constante
videos
enapp.js
.
- Agrega el ID de nuevos videos de YouTube a la constante
- Cambiar fondos:
- Coloca nuevas imágenes en la carpeta
images
y actualiza la lista en la constanteimages
.
- Coloca nuevas imágenes en la carpeta
- Ajustar el tamaño del reproductor:
- Modifica las propiedades
height
ywidth
en el objetoYT.Player
en el archivoapp.js
.
- Modifica las propiedades
- Fondos animados: Compatibilidad con GIFs para un diseño más inmersivo.
- Experiencia fluida: Cambia de canal sin interrupciones en la música.
Este proyecto está bajo la licencia MIT License.