Skip to content

LakshayD02/Sliding-Music-Player-JS

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

3 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🎧 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

About

🎡 A sleek, interactive web-based music player built with HTML, CSS, and JavaScript. Includes a Swiper JS slider for seamless album navigation, dynamic playback controls, and YouTube video integration. Modern UI meets smooth functionality.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors