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:
  • Deep-Zoom Image: The Five Points, 1827

  • Photo: No More “Breakfast All Day”

  • Custom T-Shirt Designs

  • CSS Grid: Print-To-Web Experiments

  • Slaughter On NY Avenue

  • Frame By Frame Animation

  • National Press Foundation

  • The Corcoran Gallery of Art – Interactive Exhibition Kiosk

  • Resolution No. One

  • The Cary Group

  • Interactive Genealogy Museum

  • Interactive Story Map: Family Burial Plots

  • You’re My Thrill


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