Welcome to the Spotify 2.0!
This project aims to replicate the core functionalities of the popular music🎵 streaming service, Spotify. By using this player, you can explore, listen and manage your favorite music, just like you would on the original platform.
For the listeners, by a listener.🎙️🎧
- Vercel: https://tunify-play.vercel.app/
- Github Pages: https://ayushtan123.github.io/Tunify
- Before Sept 2024, the website was hosted on another platform. The domain expired for unknown reason.
- Hence, I made changes in code and successfully published on Vercel and Github Pages.
- Had to collect and organise all files info in JSON format for webpages to easily access. No major changes done in frontend (it was good already :>)
- I have learned a lot in one year about hosting and development and I am glad that I was able to publish this.
- HTML
- CSS
- JavaScript
- Playlists: Create and manage your playlists, adding or removing tracks at your convenience.
- Play Queue: See the upcoming tracks in your listening queue and customize it as you go.
- Playback Control: Play, pause, skip, and repeat tracks with ease.🎸
- Responsive Design: Access the clone seamlessly across various devices.💻
- Volume Rocker: Adjust the volume seamlessly using the added volume rocker along with mute for a personalized audio experience.
- Seekbar: Navigate through tracks effortlessly with the seekbar, allowing you to jump to specific parts of the song. 🎚️
- Song Duration: View the duration of each song to better manage your listening time.
Clone repo to your local device. Under songs folder: Any user can add new folders as playlist. The folder should have:
- cover.jpeg -> file for cover of the playlist
- info.json ->
- music file in .mp3
- In your album folder, create a music.json file and add music names in this fashion.
 |
 |
Now the album info needs to be added in album.json in main repo. Check the json file and add same details over there as well.
Spotify.2.0.mp4
I have already added 60 songs on the server. 😃
This is a responsive music player with innovative color scheme and improved user experience.
I have incorporated modern UX on this project.🎷
Old repo: https://github.com/ayushtan123/spotify-old
You may face delay of 1-2 sec while changing tracks.