Koffee: A music player

A Web-based Music Player Application. This application is inspired by Spotify -- its deversity of music, user experience and machine learning for personal customization. I also love the idea of seeing your interactions with your music experiences and learn your listening patterns.So I decided to create a personal music player w/o ML (I don't know it, not YET!) and getID3 libarary(for extracting ID3 tags) to customize user experience using your songs in your File system. Recording listeners' interactions with customized DB queries will complete your personal music experience along with graphs.

Setup

After creating an account, select a folder containing all of your songs. PLAYLISTS are automatically created when you add a sub-folder container your songs in /songs folder.

Controls

The Music player only uses HTML5 audio tag(I like its simplicity) and added with some complementary controls.

  1. Shuffle
  2. Repeat
  3. Chill Mode
  4. Timer
  5. Zoom
  6. Night Mode

Features

Playlists

Create your custom playlist by creating folder within '/songs' folder inside the project alt text

Recommendations

Recommendations are created by your custom mood and interactions/hour. alt text

Discover songs

No songs are unplayed here cause discover songs will cover that up!

Search

Use simple search to play your favorite music.

Graphs

See how you interact with your music using graphs. alt text

Custom Airplay

Automatically turn off your music using custom timer.

Moods

Customize + improve your experience by specifying your current mood when you listen to music. alt text

Other Screenshots

Player

alt text

Full-screen version

Background-color will adapt on your album art's average color. alt text

Login

alt text

Vendors

  1. Charts http://www.chartjs.org/
  2. GetID3 for media parsing http://getid3.sourceforge.net/

CREDITS

Default Album Art icon + control icons made by Freepik from www.flaticon.com