Wheels of Steel; Epic demo of rich Web turn table

#1

Post by dalmaer » Wed, Jun 15, 2011, 9:14 PM UTC

Scott Schiller of Flickr created SoundManager, and he has an epic new demo of a rich turntable system using modern audio techniques and CSS/JS too.

His walk through article is fantastic:

http://www.schillmania.com/content/entries/2011/wheels-of-steel/

Wheels of Steel; Epic demo of rich Web turn table
wheelsofsteel.net

Re: Wheels of Steel; Epic demo of rich Web turn table

#2

Post by tronjavolta » Wed, Jun 15, 2011, 9:18 PM UTC

scott schiller is THAT DUDE

Re: Wheels of Steel; Epic demo of rich Web turn table

#3

Post by matthijs » Wed, Jun 15, 2011, 9:55 PM UTC

In depth article from Scott Schiller that explains how he developed it: http://www.schillmania.com/content/entries/2011/wheels-of-st...

Re: Wheels of Steel; Epic demo of rich Web turn table

#4

Post by thinkbohemian » Wed, Jun 15, 2011, 11:19 PM UTC

This is epic. Load tracks at the bottom

Re: Wheels of Steel; Epic demo of rich Web turn table

#5

Post by mdonahoe » Thu, Jun 16, 2011, 4:55 AM UTC

is there a way to scratch the records? thats what i kept trying to do when i saw the turntable.

Re: Wheels of Steel; Epic demo of rich Web turn table

#6

Post by blutonium » Thu, Jun 16, 2011, 5:39 AM UTC

mdonahoe wrote: post #5

is there a way to scratch the records? thats what i kept trying to do when i saw the turntable.

Yeah, there's a subtle link just under the turntable before the tracks to load.

Re: Wheels of Steel; Epic demo of rich Web turn table

#7

Post by schill » Thu, Jun 16, 2011, 5:54 AM UTC

mdonahoe wrote: post #5

is there a way to scratch the records? thats what i kept trying to do when i saw the turntable.

Sorry it isn't more clear - by default, you get "non-scratch mode" until it's determined your GPU (hardware accel in browser) + CPU can handle the extra load. Once you opt in, localstorage remembers that preference until you opt out.

You can force scatch mode via http://wheelsofsteel.net/?scratch=1 - but without hardware accel (hardware + OS + driver support, I recommend Safari 5 or Chrome 12), rendering falls back on CPU use which will skyrocket and that will kill the audio processing bits.

I wrote a small book on the whole process (and performance caveats) on my main site as someone linked below. Numerous pics + videos too. ;)

Re: Wheels of Steel; Epic demo of rich Web turn table

#8

Post by endgame » Thu, Jun 16, 2011, 6:37 AM UTC

Well, it's kinda neat, but epic? No.

Re: Wheels of Steel; Epic demo of rich Web turn table

#9

Post by aashay » Thu, Jun 16, 2011, 8:24 AM UTC

endgame wrote: post #8

Well, it's kinda neat, but epic? No.

...why not? There's no Flash. I'd say that's pretty epic.

Re: Wheels of Steel; Epic demo of rich Web turn table

#10

Post by premchai21 » Thu, Jun 16, 2011, 8:45 AM UTC

aashay wrote: post #9

endgame wrote: post #8

Well, it's kinda neat, but epic? No.

...why not? There's no Flash. I'd say that's pretty epic.

Except for the Flash that's necessary in the background for the more advanced audio modes.