Skip to content

KennethOnuorah/Javascript-Music

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

67 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

A music player web application


About the project 🔎

A web application for uploading and listening to all of your favorite music. Fill your library with the songs, albums, and artists that define you.

This application requires audio metadata in order to function properly! For a better user experience, it is highly recommeded that your audio files contain id3 tag information for the application to read. You can edit the metadata of your song files by right-clicking on them and navigating to Properties > Details (or Edit > Get Info for Mac users), then edit each tag with the correct information. Or you can visit tagmp3.net.

If, however, you have Spotify Premium, Deezer Premium, Pandora Premium, or any other premium subscription from a music streaming service, then you can easily download your playlists from there and upload them with the metadata already included. That way, you don't have to go through the trouble of editing each song's tag information.

This application reads the following id3 tag information:

  1. Song title
  2. Contributing artists
  3. Song year (optional)

Acceptable audio file types:

  • .mp3
  • .wav
  • .ogg
  • .flac

Languages used:

  • HTML
  • CSS/SCSS
  • Javascript

❗❗❗ This application only works for chromium browsers.

Project development: 9/27/2022 - 10/27/2022

Features 📦️

  • Uploading albums from filesystem
  • Deleting albums
  • Metadata reading
  • Album information modal
    • Displays the name of the album and its cover, the artist(s) who contributed to the album, and the time span the songs were recorded
  • Music controlling
    • Playing/pausing songs
    • Unlimited skipping, replaying, and playing previous songs
    • Shuffle mode
    • Album and song looping
    • Song length bar and time display
    • Volume adjustment
  • Album cover customization
  • Search bar functionality
  • Saving and loading

Preview 👁️

readme_preview

License 📜

MIT