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.htmlen 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
videosenapp.js.
- Agrega el ID de nuevos videos de YouTube a la constante
- Cambiar fondos:
- Coloca nuevas imágenes en la carpeta
imagesy actualiza la lista en la constanteimages.
- Coloca nuevas imágenes en la carpeta
- Ajustar el tamaño del reproductor:
- Modifica las propiedades
heightywidthen el objetoYT.Playeren 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.