Audio Music Player

December 18, 2024 - Reading time: 2 minutes

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.