https://github.com/pitercoding/spotify-player-clone
Projeto player do Spotify utilizando HTML, CSS e Javascript. Curso da Hashtag Programação. EN: Project to clone the Spotify player using HTML, CSS and Javascript.
https://github.com/pitercoding/spotify-player-clone
clone-app css heavy-metal html javascript player project spotify
Last synced: 10 days ago
JSON representation
Projeto player do Spotify utilizando HTML, CSS e Javascript. Curso da Hashtag Programação. EN: Project to clone the Spotify player using HTML, CSS and Javascript.
- Host: GitHub
- URL: https://github.com/pitercoding/spotify-player-clone
- Owner: pitercoding
- License: mit
- Created: 2025-04-05T09:43:55.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-09-15T14:58:43.000Z (8 months ago)
- Last Synced: 2026-05-03T15:39:40.662Z (10 days ago)
- Topics: clone-app, css, heavy-metal, html, javascript, player, project, spotify
- Language: JavaScript
- Homepage: https://pitercoding.github.io/PlayerSpotify/all/index.html
- Size: 22.8 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 🎧 Spotify Player Clone
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.
## 🚀 Funcionalidades
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
## 🎵 Músicas Incluídas
Foram incluídas **3 faixas de exemplo** no projeto:
1. Música 1 – The Devil Wears Prada - HTML Rulez D00d
2. Música 2 – Underoath - In Regards To Myself
3. 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:
1. [The Devil Wears Prada](https://open.spotify.com/intl-pt/artist/0NbQe5CNgh4YApOCDuHSjb?si=z3WSuX7GR5Ofwhgn5sxVEQ)
2. [Underoath](https://open.spotify.com/intl-pt/artist/3GzWhE2xadJiW8MqRKIVSK?si=qSBXziMpSJGTu0ya2UbyBw)
3. [Tesseract](https://open.spotify.com/intl-pt/artist/23ytwhG1pzX6DIVWRWvW1r?si=4XhBemjpTMGwz2E5C8bz-A)
## 💻 Tecnologias Utilizadas
- HTML5
- CSS3
- JavaScript
- Assets de imagem e áudio
## 📁 Estrutura do Projeto
```
📦 PlayerSpotify
┣ 📄 index.html
┣ 📄 style.css
┣ 📄 script.js
┣ 📂 songs
┗ 📂 imagens
```
## 🤝 Contribuições
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.
## 👨💻 Autor
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!
## 📄 Licença
Este projeto está sob a **licença MIT**.