SoundManager 2 Turntable UI Prototype: JavaScript + CSS3 + HTML5/Flash audio

The thing I've been wanting to build for years. Hardware acceleration has brought rendering previously not possible, and new things like CSS' border-radius allow for drawing circles out of things in plain old HTML. It is rather awesome.

This would work on iOS (and is HW-accelerated), except that with iOS you can only play one sound at a time currently (and scratching/pitch bending is out.)

The pitch control + scratching is the only part that needs Flash (and the processing of this is where things got really funky) - everything else works via HTML5 audio.

This is an experimental prototype, about two weeks' worth of tinkering. Kudos to twitter.com/iamintricate for his graphic design work.

Additional disclaimer: Tunes aren't my own, but this is a live remix. Also, my ability to scratch and mix with a mouse is fairly weak - I'm still learning. ;)

June 2011 update: Now live! Safari 5 or Chrome 12 recommended.

http://wheelsofsteel.net/

"Making of", technical backstory:
http://schillmania.com/content/entries/2011/wheels-of-steel/

And last but not least, source code! :)
http://github.com/scottschiller/wheelsofsteel.net/

Category:

Pets & Animals

Tags:

• schillmania
• dhtml
• turntable
• prototype
• dj
• flash
• soundmanager2
• ui
• html5
• css3

[walkermultimedia]

Very very cool! I've imagined building something like this myself. I'd love to see the source code some time

[scottschiller]

@walkermultimedia Now on github! (see description for links.)

[hombacom]

Reminds of my turntable at onemotion com