Este projeto é um clone funcional do player de música do Spotify, desenvolvido com o objetivo de praticar e demonstrar conhecimentos em desenvolvimento web. O player simula de forma fiel a experiência de reprodução de músicas, incluindo todos os principais recursos presentes na plataforma original.
CLIQUE AQUI PARA ACESSAR O SITE E RODAR O PROJETO
O clone conta com as seguintes funcionalidades:
- ✅ Interface inspirada no design do Spotify
▶️ Play/Pause de músicas- ⏮️ Botões de próxima e anterior faixa
- ⏱️ Barra de progresso interativa com tempo decorrido e restante
- 🔁 Botão de repetir faixa
- 🔀 Botão de aleatório
- 🖼️ Exibição de capa do álbum e informações da faixa
- 📱 Responsivo para diferentes tamanhos de tela
Foram incluídas 3 faixas de exemplo no projeto:
- Música 1 – The Devil Wears Prada - HTML Rulez D00d
- Música 2 – Underoath - In Regards To Myself
- Música 3 – Tesseract - Of Mind - Nocturne
As faixas são reproduzidas em formato .mp3, armazenadas localmente, e são utilizadas apenas para fins educacionais. Não possuo direitos autorais sobre estas músicas. Créditos para:
- HTML5
- CSS3
- JavaScript
- Assets de imagem e áudio
📦PlayerSpotify ┣ 📂all ┃ 📄index.html ┣ 📄style.css ┗ 📄script.js ┃ ┗ 📂songs ┣ ┗ 📂imagens ┃
Este projeto está aberto para contribuições! Se você também está aprendendo HTML, CSS e/ou Javascript ou quer ajudar com ideias e melhorias, sinta-se à vontade para abrir um Pull Request ou Issue.
Projeto desenvolvido por um estudante de Ciências da Camputação com fins educacionais e de aprendizado pessoal. Se quiser trocar ideia ou colaborar, é só chamar!
Este projeto está sob a licença MIT. Sinta-se livre para usar, modificar e compartilhar.