PDA

View Full Version : Rotary Controls



lovelogic
07-29-2011, 11:20 PM
Hi folks, it's my first post so thought I would put something useful up.

Despite rotary knobs and dials being a common feature for many devices in the real world for many years they have not transfered well to the web. This is my attempt to change all that.

http://lovelogic.net/p-radio.php

It's a simple streaming media player with a rotary station selector, all done using javascript/jQuery with HTML5 audio to add some background tuning static for realism lol.

Falkon303
07-30-2011, 10:41 AM
Hi folks, it's my first post so thought I would put something useful up.

Despite rotary knobs and dials being a common feature for many devices in the real world for many years they have not transfered well to the web. This is my attempt to change all that.

http://lovelogic.net/p-radio.php

It's a simple streaming media player with a rotary station selector, all done using javascript/jQuery with HTML5 audio to add some background tuning static for realism lol.


Pretty sweet. I think it makes sense to allow the user to grab any part of the knob instead of just the indented part. Other than that I think it's great.

lovelogic
07-30-2011, 08:16 PM
Thanks for the input and the ability to grab any part does make more sense. Will include the feature in the next incarnation along with some other tweeks.

JShor
07-30-2011, 11:41 PM
That's really cool! Very creative, well done.