Skip to content

README.md

Latest commit

 

History

History
41 lines (27 loc) · 1.34 KB

README.md

File metadata and controls

41 lines (27 loc) · 1.34 KB
Raw

🎧 Interactive Music Player with Swiper JS

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.

✨ Features

  • 🎚️ 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.

🛠️ Built With

  • HTML5
  • CSS3 (Flexbox, Transitions)
  • Vanilla JavaScript (ES6+)
  • Swiper JS – SwiperJS Docs
  • Font Awesome & Ionicons – Iconography

🚀 Getting Started

To run the project locally:

Prerequisites

  • A modern web browser (Chrome, Firefox, Edge)
  • Local server (optional for better performance)

Installation

  1. Clone the repository:
git clone https://github.com/yourusername/music-player-swiper.git
cd music-player-swiper