Live Music Player
This is the Player Widget code for your Site or Blog
<iframe allowtransparency="true" frameborder="0" height="150" scrolling="no" src="https://dact-cyber.github.io/audio-music-player/audio-player.html" width="210"></iframe>
Screenshot Collage of Operations
Music Player widget for Web Pages
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.
Screenshots showing Skins
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.
(2005 iGoogle days ) Interaction Design, Product Design, UI/UX