Skip to content

A responsive web-based music player with playback controls, volume slider, and dynamic song display, built with HTML, CSS, and JavaScript.

Notifications You must be signed in to change notification settings

Ayesha-Emaan/Music-Player-Website

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

5 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🎡 Music Player Web App

A sleek, responsive music player built with HTML, CSS, and JavaScript. Perfect for playing your favorite tunes with intuitive controls!

Music Player Screenshot

🎯 Features

  • Play/Pause – Simple playback controls
  • Next/Previous Track – Navigate songs seamlessly
  • Progress Bar – Seek through tracks
  • Volume Control – Adjust audio levels
  • Dynamic Display – Shows album art, song title, and artist
  • Responsive Design – Works on mobile and desktop

πŸ› οΈ Technologies

  • Frontend: HTML5, CSS3, JavaScript
  • Audio API: <audio> element integration
  • UI: Custom animations and transitions

πŸš€ Setup

  1. Clone the repo:
    git clone https://github.com/Ayesha-Emaan/Music-Player-Website.git  

Open index.html in your browser (no server needed!).

🎨 Customization Replace music: Add MP3 files to /assets/songs and update metadata in js/script.js.

Change styling: Modify colors/fonts in css/style.css.

🌟 Live Demo πŸ”— https://ayesha-emaan.github.io/Music-Player-Website/

πŸ“ License MIT Β© Ayesha Emaan

About

A responsive web-based music player with playback controls, volume slider, and dynamic song display, built with HTML, CSS, and JavaScript.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published