Monday, November 06, 2017

Audio Visual Metronome Widget

This is a Beat Box Gadget, Music Companion, Set Sequence of Sounds, Set Tempo and Play a Rhythm.

You will need to get flash player if the music does not play. When Metronome page has loaded, then you will hear a small beat, that means the gadget is loaded. Or Else reload, refresh or visit gadget page again.

Operate the Tiny Switches to Turn a Drum on-off, The Sliders can be drag-dropped to set the interval. Press Play. LED corresponding to a drum will flash and a sound heard. More switches turned on means more drums and more flashing of LEDs. It will be an Orchestra.



A metronome is any device that produces a regulated audible and/or visual pulse, usually used to establish a steady beat, or tempo, measured in beats-per-minute (BPM) for the performance of musical compositions. It is an invaluable practice tool for musicians that goes back hundreds of years.

Screenshot of Metronome Web Widget

Audio Visual Metronome

Audio Visual Metronome xml code

Idea For Coders is the UI, the Switches, the Scale Sliders, The Flashing LEDs, the compact coding method. The Inline Help, The debug annunciation window (div slot on top) is used for incremental coding, also the Status Indicator while operating this gadget. This slot also shows inline mini-help.

This widget may be a decade old now but has helped many design the UI for gadgets that you see in touchscreen gadgets. These widget creations of mine on this blog have changed the way people think about usability of devices with limited user-interface area.

GitHub - Metronome and Metronome Page

Like i said before it is easier to operate a Tap than to key in some value and click a menu command before the menu slips away from from your mouse pointer. It was sheer torture, now it is bliss.

Think Euro-Controls' means like a Water Tap or Opening a Box or Sliding the window, think Human