Project 8/20
🎵 Music Player is a stylish and responsive web audio player built using HTML, CSS, and JavaScript. It allows users to play, pause, skip, and rewind through a playlist with real-time progress tracking and dynamic song updates.
- ✅ Play/Pause toggle with animated icon switching
- ✅ Next and Previous song navigation
- ✅ Real-time progress bar with time tracking
- ✅ Click-to-seek functionality on the progress bar
- ✅ Auto-switch to next track when current ends
- ✅ Responsive design and mobile-friendly layout
- ✅ Smooth UI with album art transitions
- HTML5
- CSS3
- Vanilla JavaScript
<Audio>API
- Google Fonts
- FontAwesome Icons
- W3Schools - Audio DOM Reference
- W3Schools - This
- MDN - Object Fit
- MDN - Ternary Operator
- MDN - Destructuring
- MDN - Math Floor
- MDN - Math Operators
- textContent vs innerText
- Navigation Nation | Project 7/20 → View Repository
- Custom Countdown | Project 9/20 → View Repository
🙌 Thanks for checking out my project! More coming soon. Stay tuned 🚀