Thanks to visit codestin.com
Credit goes to Github.com

Skip to content

🎡 A sleek, modern Music Player made using HTML, CSS & JavaScript. Plays songs with rotating visuals and simple UI.

License

Notifications You must be signed in to change notification settings

GxAniket/music-player

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

15 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🎡 Music Player β€” HTML, CSS & JS

Typing animation


πŸ“¦ Overview

🎧 Music Player is a stylish and responsive web application built with HTML, CSS, and JavaScript.
It lets you play, pause, and vibe to your favorite songs with cool rotating album art and intuitive controls.


✨ Features

  • πŸ”Š Play / Pause functionality
  • πŸ” Rotating album art while music plays
  • πŸ–ΌοΈ Responsive and mobile-friendly layout
  • 🎨 Clean, minimal UI
  • ⚑ Lightweight and fast loading

πŸš€ Live Demo

πŸ‘‰ Click here to try it live


πŸ—‚οΈ Project Structure

music-player/
β”œβ”€β”€ index.html        # Main layout
β”œβ”€β”€ style.css         # Styling and animations
β”œβ”€β”€ script.js         # Music player logic
β”œβ”€β”€ images/           # Album covers or icons
└── songs/            # Audio files (mp3)

πŸ› οΈ Technologies Used

Purpose Stack
Structure HTML5
Styling CSS3 (Flexbox, Keyframes)
Logic Vanilla JavaScript
Deployment GitHub Pages

🧠 How It Works

  1. HTML defines the basic layout and player structure
  2. CSS adds animations like rotating album art and responsive layout
  3. JavaScript controls play/pause logic and updates the UI dynamically

πŸ–ΌοΈ Screenshots

πŸ“Έ Screenshot 1

Music Player UI Screenshot

πŸ“Έ Screenshot 2

Music Player UI Screenshot 2

πŸ“ˆ Future Improvements

  • 🎚️ Add volume control and seek bar
  • πŸ“ Display song metadata (title, artist)
  • 🎧 Playlist functionality
  • πŸ’Ύ Store last played song in localStorage
  • πŸ“± Add dark mode toggle

πŸ™Œ Author

Made with ❀️ by Aniket Sundriyal


⭐ Show Some Love

If you found this helpful or cool, please give it a ⭐ β€” it motivates me to build more!


🧾 License

This project is open-source and free to use under the MIT License.


About

🎡 A sleek, modern Music Player made using HTML, CSS & JavaScript. Plays songs with rotating visuals and simple UI.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published