A responsive, modern music player built using HTML, CSS, and JavaScript, enhanced with Swiper JS for intuitive slider functionality. This project demonstrates how to integrate third-party libraries to build rich, engaging user interfaces.
- ποΈ Swiper JS Album Slider β Navigate tracks effortlessly via a touch-friendly, animated slider.
βΆοΈ Custom Playback Controls β Play, pause, skip tracks, and control playback position.- π¬ YouTube Integration β Album covers link directly to their corresponding YouTube music videos.
- π¨ Animated UI β Stylish interface with hover effects, background animation, and responsive design.
- π Audio Playback Management β Dynamic track loading and smooth progress updates.
- HTML5
- CSS3 (Flexbox, Transitions)
- Vanilla JavaScript (ES6+)
- Swiper JS β SwiperJS Docs
- Font Awesome & Ionicons β Iconography
To run the project locally:
- A modern web browser (Chrome, Firefox, Edge)
- Local server (optional for better performance)
- Clone the repository:
git clone https://github.com/yourusername/music-player-swiper.git
cd music-player-swiper