This Audio Music Player widget may be 20 years old in 2025. It was something i created in memory of winamp. This widget has three skins that can be changed, it uses CSS and images.
Live Gadget
I had to change all midi files to mp3 and modify the sound playing JavaScript for the new browsers. This may not work with old browsers now. It uses the HTML5 Sound Method.
Music Player widget for Web Pages. create mp3 playlist. This widget plays only mp3 songs in current 2017 browsers. The UI code and CSS Skins and also the playlist psv database is worth studying. It uses a Dynamic UI too. Most elements are like first of its kind in web and ui design history.
First created around 2003 as a html midi player and improved later maybe 2005. In 2000 or Y2K it was a plain html frames midi player for my webbunny html tutorial. Current browsers do not support midi music. This Gadget code is also an example of changing skins using css and storing skin setting in cookies.
It also has an integrated and small footprint inline help using dhtml. The playlist is stored in cookies using PSV format. This can be backed up and restored like a cookie database.
Screenshot
History
This gadget may not be a practical music player, but a nice code example and also helps understand music formats, cross browser plugins and media players.
Playing sounds like Midi, mp3 and Real Media requires plugins in all browsers. Flash players play some media files. This project experiments with ways to play sound in web pages which can work in all the browsers.
The Audio player Gadget uses the embed tag and works with browsers using the plugins with the supporting multimedia players like Quicktime and Real Player. Very old Y2K Midi Player - These work only in old PCs and Browsers. Current browsers do not support midi music.
Midi Music Jukebox - Play few Midi Songs. Play, Stop, Back, Next are the Controls. It may take time to load the song after you click play. This was made around year 2000 and tweaked many times.
Live Gadget
It was a midi player, now a mp3 player. From the year 2000 or Y2K in my WebBunny tutorial. The controls are play, stop, prev, next song. No pause. I converted these examples into widget. i needed a skin, I found a freeamp skin in my linux computer. I cut it in two parts and touched it up to create a mettalic skin.
Screenshot
I framed my photo today, 1st Oct 24. Frame is stolen from an Ancient English Poet from the West.
These two songs in color are Exquisite. Black and White transformed to Color. But the Logo jumping all over the screen is not neat. Logos have to be transparent and unobtrusive.
Husnwale Tera Jawab Nahin and Jab Se Tumhe Dekha Hai. Singers are Mohammed Rafi and Asha Bhosle.
Dancers are Rajendra Kumar and Asha Parekh in Gharana 1961.