Skip to content

Glassmorph Music Player is a modern, stylish music player with a cool glassmorph background and fancy CSS styling.

Notifications You must be signed in to change notification settings

oddava/music_player

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

46 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Glassmorph Music Player

Introduction

Glassmorph Music Player is a modern, stylish music player with a cool glassmorph background and fancy CSS styling.

Features

  • Dynamic Playlist Rendering: Automatically generates a playlist from provided audio URLs.
  • Metadata Extraction: Displays track information such as title, artist, album, and duration.
  • Playback Controls: Includes play, pause, next, and previous buttons.
  • Progress Bar: Displays and allows seeking within the current track.
  • Responsive Design: Ensures a consistent experience across different devices and screen sizes.

Getting Started

Prerequisites

  • A modern web browser with JavaScript enabled.
  • Internet connection to access the audio files.

Installation

  1. Clone the repository:
    git clone https://github.com/oddava/music_player
  2. Navigate to the project directory:
    cd music_player
  3. Open the index.html file in your web browser.

Usage

  1. Open the index.html file in your preferred web browser.
  2. The player will automatically load and display the playlist.
  3. Use the playback controls to play, pause, skip, or seek through tracks.
  4. Click on any track in the playlist to start playing it.

Future Enhancements

  1. Playlist Management: Allow users to create and manage their own playlists.
  2. Shuffle and Repeat: Implement shuffle and repeat features.
  3. Local Storage: Save user preferences and playback state using local storage.

Contributing

Contributions are welcome! Please fork the repository and submit a pull request for any enhancements or bug fixes.

About

Glassmorph Music Player is a modern, stylish music player with a cool glassmorph background and fancy CSS styling.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published