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.