Remember when we had meters with needles, toggle switches, rotary dials, lighted rockers and push buttons? I'm trying to re-create that with a web based control panel I'm working on, and I'm having a bit of a difficult time.
I've found plenty of examples of how to simulate an analog meter with all of the graphics needed included, but I haven't found anything that helps me create the other control elements. I've also dug through the venerable jQuery UI library, but have yet to find anything that's got an analog theme to it. It's got plenty of sliders and pickers and stuff, but all modern.
This is one of those things where I get to thinking that I can't possibly be the only one that wanted to build something like this, so I'm hoping there's a library that exists, and distributed along with graphics and styles needed to make everything work.
Must-have features:
- Provides analog style control elements and meters with all graphics and styles needed for them to work
- Compatible with IE 10+, latest and previous version of Chrome & Firefox
- Has at least sparse documentation
Nice to have:
- Released under any OSI approved software license
- Greater browser compatibility (IE 9+), Opera Mini, Etc
- Isn't an idiot on mobile devices
- Light-ish footprint
Context
The best physical examples of what I'm trying to achieve can be found by doing a Google image search on "analog console". A lot of those are related to sound, but they show the older style feel I'm trying to get. I thought of including a few images from that result here, but I don't want to step on anyone's copyright.
I'm working on something that lets me keep an eye on a great many things from many places, and I'm trying to make that a little more fun. These things lend well to being visualized by classic style "VU" meters, and allow a degree of control where buttons and knobs would make very good sense.
I've seen this done many times using Flash (think .. Enigma simulator), but I can't seem to locate a pure Javascript solution, I feel like there must be one, and I'm just not finding it.
Note: I found (and am using) jQuery Analogue Meter. What I'm hoping for is a more complete kit, which features matching buttons / switches / rockers / etc.