Weekend project :: Color My Music

/ Edit this post / IOS Apps

When you discover new music, you probably do it by choosing a specific genre, or a referral from a friend, or a soundtrack from a movie, or perhaps by using Spotify's matching algorithm and recommendation engine...aka "Discover Weekly". There's absolutely nothing wrong with how you discover new music...but have you ever listened to your favorite color? Welcome to my 2008, 2009, 2017/2018 version of ColorMyMusic.com

For years I've been wanting to smash music and color together. I've gone pretty far in my experiments. For instance, in 2008 I created the first version of Color My Music which looked like this:

2008


What you see above is program I wrote using Processing that would allow any user to create epic desktop backgrounds. Later on I enhanced this idea and added the ability to generate images based on musical frequencies, or from a music track.

2009

In early 2009 I abandoned the previous idea and attempted to do something more appealing to help artists (musicians, photographers, painters, designers, filmmakers, etc.) promote their works and receive tips (long before Patreon, and just before Kickstarter launched). Heres the version I came up with:

Unfortunately, I never launched the 2nd version because the day that the first Apple iPad came out I found out that they don't support Adobe Flash. Why is that a blocker you may ask? Well, I built a music player using Flash to stream the artists music. At the time, flash was the best way to do stream music since browser support was limited. So, I put that idea on the shelf and never really got around to writing a new Javascript based music player it. By the time I wanted to jump back in, Kickstarter had already hit critical mass and soon became a household name to support independent artists.

2017

Fast forward to December 2017. Over the holiday break, I wrote down the following notes on my iPhone over a warm cup of coffee and a beautiful early morning:

Version 1:

  • Authenticate with Spotify
  • Upload Photo
  • Extract Primary Color From Photo
  • Return Human Readable Color Name From Hex Color Value of Photo
  • Query Spotify Artists, Song Title, Etc for Color Name
  • Generate Playlist Of Songs That Match
  • Repeat the process to discover more music

Version 2:

  • Authenticate with Spotify
  • Show Color Picker
  • Return Human Readable Color Name From Hex Color Value of Color Picker
  • Query Spotify Artists, Song Title, Etc for Color Name
  • Generate Playlist Of Songs That Match
  • Repeat the process to discover more music

I started with version 1, but ran into some issues. So instead of getting stuck, and losing momentum, I moved to version 2. My goal was to complete the tasks by 5pm the same day.

Goal reached. I ended up with an ugly, but working prototype by 5pm the same day. I actually went back and worked on getting version 1 done the next day.

A couple of days later, I spent some time asking some friends for feedback. The response was "cool"... which is better than "I don't get it" or "that's not cool". So now, I'm putting the finishing touches on the interface and functionality and making sure all the prerequisites are covered for the Apple IOS Store.

Color My Music Demo Video:

Color My Music Screenshots:

Stay Tuned...

I'm already working on more ways to discover new music through color. Please stay tuned for what's to come in 2018.

Eric David Smith

Father / Software Engineer / Musician / Recording Engineer / Navy Veteran / Runner / Javascript / Crypto / Human ETH: 0xa9FFaD2A2cA147F784f4C82Ee6475afb6765A974

Read More