Interactive MP3 Player With Animated SVG Kaleidoscopic Logo

I digitized and remastered a collection of my great-grandfather’s 78rpm Victrola records, many of which date back a hundred years or more.

I then built this mp3 player which features CSS3 transformations and custom JavaScript combining to create a beautiful kaleidoscopic SVG-animated experimental logo. Refresh the page to see subtle variations in the pattern.

Note: some of these techniques are experimental and won’t work in all browsers. Use Chrome.

Click here to hear some great old music.


TAGGED WITH:
  • Interactive StoryMap: Bus Trip Across America, pt 1

  • Original Song: I Really Didn’t Mean It

  • Interactive JavaScript Game: O No!

  • WordPress Dev & Design: National Press Foundation

  • WordPress Dev & Design: More Than Cancer

  • Interactive StoryMap: Life on the Mississippi

  • Deep-Zoom Image: The Five Points, 1827

  • Photo: No More “Breakfast All Day”

  • Graphic Design: Custom T-Shirts

  • Interactive Family History: Genealogy Museum

  • Graphic Design: CSS Grid Print-To-Web Experiments

  • WordPress: The Cary Group


Client Case Study:
The National Press Foundation

I was hired to build the National Press Foundation a brand new website featuring a state-of-the-art digital asset management system allowing the foundation to deliver streamlined interactive educational experiences to the national and international journalists making up its target audience.


READ MORE about the interesting, successful NPF project