Este é um projeto de um Music Player desenvolvido em React, que permite reproduzir músicas e oferece as seguintes funcionalidades:
-
Clicar no card da música para reproduzir a faixa selecionada.
-
Botão de "Stop" para interromper a reprodução da música.
-
Botão de "Play/Pause" para controlar a pausa e retomar a reprodução da música.
-
Botões de "Next" e "Previous" para navegar entre as músicas da lista de reprodução.
-
Uma barra de tempo que mostra o progresso da música em execução.
Siga os passos abaixo para executar o projeto localmente:
-
Certifique-se de ter o Node.js instalado em sua máquina. Você pode baixá-lo e instalá-lo no site oficial do Node.js: https://nodejs.org
-
Clone este repositório em sua máquina usando o Git:
git clone git@github.com:KleberEduardo6/CubosPlayer.git -
Acesse a pasta do projeto:
cd CubosPlayer -
Instale as dependências do projeto usando o npm:
npm install
Após a instalação das dependências, você pode executar o aplicativo usando o seguinte comando:
npm start
Isso iniciará o aplicativo.
Na página inicial do Cubos Player, você verá uma lista de cards de músicas disponíveis.
-
Clique em um card de música para iniciar a reprodução da faixa selecionada.
-
Use o botão "Play/Pause" para controlar a reprodução da música.
-
Use o botão "Stop" para interromper a reprodução da música.
-
Utilize os botões "Next" e "Previous" para navegar entre as músicas da lista de reprodução.
-
A barra de tempo abaixo do player mostrará o progresso da música em execução, bem como a duração total da faixa.