Electronics Engineering Magazine

Showing posts with label Audio-Music. Show all posts
Showing posts with label Audio-Music. Show all posts

Friday, September 05, 2014

Audio Music Player - User Interface Development

A Javascript and CSS based Web Gadget that also uses Ajax like controls. A Dynamic or Active GUI for the First time in Interface History.  Interaction Design, Product Design, UI/UX - 2002-2006

Audio Music Player - User Interface Development

Audio Music player Gadget, demo, Made with html and javascript. Plays short midi, mp3 and real media rm ram files with browser plugins. PSV playlist, PSV podcast.

Music Player Gadget, Plays small midi, mp3 and real media tunes, Three Skins, Stores 99 Tracks URL and Title,

Studying the code will also help you learn about Cookies and Database using PSV. Pipe Seperated Values. This gadget can also Backup and Restore A PSV Text Database of a Playlist.

The source code can be seen here audio-music-player

See the Screens above using a Dynamic Active Interface that means the Interface Real Estate can be very Small like a Handheld or Tablet.

This experiment was done as i found that the Remote Controls and Mobile Phones in the Nineties and Early 2000 were difficult and stressful for me to use. This made me think of a Interface without menus but wizard like using a small but interactive interface area.

Tuesday, July 08, 2014

Electronic organ and Metronome

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.

Electronic organ and Metronome

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.

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.

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.

Electronic organ and Metronome

audio-visual-metronome project page

Audio Visual Metronome xml code Use the iframe part to create a widget in your page or blog