Reproductor de música online con JavaScript puro y Firebase Storage.
App ligera, funcional y responsiva, construida sin frameworks.
StivSound fue creado con el propósito de explorar el manejo de archivos de audio y la creación de reproductores musicales usando solo JavaScript puro.
Los objetivos principales del proyecto fueron:
- Aprender a controlar audio desde el navegador sin depender de frameworks
- Mejorar la manipulación del DOM
- Practicar la organización del código usando clases
- Explorar la integración de Firebase Storage como sistema de almacenamiento de archivos
-
Tecnologías utilizadas:
- JavaScript (vanilla) para toda la lógica de la app
- HTML + CSS para el diseño y maquetación responsiva
- Firebase Storage para el alojamiento y consumo de archivos
.mp3 - Audio API del navegador para control de reproducción
-
Funciones clave:
- Reproducción, pausa y navegación entre canciones
- Barra de progreso y contador de duración en tiempo real
- Eliminación de canciones
- Sistema de reproducción aleatoria
- Interfaz adaptable a distintos tamaños de pantalla
StivSound fue un proyecto clave para consolidar mis bases en desarrollo web puro y manipulación de audio.
✅ Aprendizajes más destacados:
- Control preciso de audio en el navegador con la Audio API
- Consumo de archivos alojados en Firebase Storage
- Creación de una arquitectura modular usando clases en JavaScript
- Manejo dinámico del DOM y sincronización de componentes visuales con el estado del audio
Un proyecto ligero pero completo, ideal como base para futuros reproductores o integraciones más complejas.
