Reproductor de audio como Spotify con React.js

Vamos a crear un reproductor de MP3 que funcione de manera similar a Spotify .

Los botones siempre deben permanecer en la parte inferior de la ventana (usa position: fixed para lograrlo). Solo necesitas implementar los botones de Reproducir, Pausar, Siguiente y Anterior.

1$ git clone https://github.com/4GeeksAcademy/react-hello

📝 Requisitos

• Lista las canciones desde la API de Sounds usando la API Fetch.
• Cuando el usuario haga clic en una canción, el reproductor debe comenzar a reproducirla.
• Cuando el usuario haga clic en el botón "siguiente", el reproductor debe empezar a reproducir la siguiente canción de la lista. Si no hay más canciones, debe comenzar de nuevo reproduciendo la primera canción de la lista. Lo mismo aplica para el botón "anterior".
• Usa el atributo ref de React para obtener la etiqueta <audio> del DOM.
• Asegúrate de tener solo una etiqueta <audio> en todo el proyecto. Usa ref para cambiar su URL src.

😎 ¿Te sientes con confianza?

Las siguientes características no son necesarias para la solución final, pero puedes desarrollarlas si te sientes lo suficientemente confiado:

• +1 Implementa control de volumen: dos botones, uno para subir y otro para bajar el volumen.
• +1 Botón de modo repetición: cuando esté activado, la canción actual se repetirá indefinidamente hasta ser desactivado.
• +2 Funcionalidad de reproducción aleatoria: las canciones se reproducirán de forma aleatoria en lugar de en orden.
• +5 Implementa una barra de progreso con slider: la barra se moverá conforme a la canción y, si se hace clic, la canción saltará a ese tiempo.