π§ Music Player is a stylish and responsive web application built with HTML, CSS, and JavaScript.
It lets you play, pause, and vibe to your favorite songs with cool rotating album art and intuitive controls.
- π Play / Pause functionality
- π Rotating album art while music plays
- πΌοΈ Responsive and mobile-friendly layout
- π¨ Clean, minimal UI
- β‘ Lightweight and fast loading
π Click here to try it live
music-player/ βββ index.html # Main layout βββ style.css # Styling and animations βββ script.js # Music player logic βββ images/ # Album covers or icons βββ songs/ # Audio files (mp3)
| Purpose | Stack |
|---|---|
| Structure | HTML5 |
| Styling | CSS3 (Flexbox, Keyframes) |
| Logic | Vanilla JavaScript |
| Deployment | GitHub Pages |
HTMLdefines the basic layout and player structureCSSadds animations like rotating album art and responsive layoutJavaScriptcontrols play/pause logic and updates the UI dynamically
- ποΈ Add volume control and seek bar
- π Display song metadata (title, artist)
- π§ Playlist functionality
- πΎ Store last played song in localStorage
- π± Add dark mode toggle
Made with β€οΈ by Aniket Sundriyal
If you found this helpful or cool, please give it a β β it motivates me to build more!
This project is open-source and free to use under the MIT License.