2braincells2go / winamp2-js

A reimplementation of Winamp 2.9 in HTML5 and Javascript

Winamp2-js

A reimplementation of Winamp 2.9 in HTML5 and Javascript.

Works in modern versions of Firefox, Safari and Chrome. IE is not supported.

Features

• Decodes the actual skin file in your browser so you can load your favorite Winamp 2 skins!
• Load local audio or skin files via drag-and-drop, eject button, or "options" button (upper left-hand corner)
• Both visualization modes: oscilloscope and spectrum
• Hotkeys
• "Shade" mini-mode
• "Doubled" mode, where the main window is twice as large: Ctrl-D

Running locally

Running Winamp2-js locally is as simple as cloning this repository and opening dev.html in your browser.

Production

In an attempt to reduce http requests, in production, I bundle the CSS and JavaScript files together using r.js. You can do it simply by running:

npm install
npm run build

You can now use the production version at index.html.

Reference

• skinspecs.pdf
• Skinner's Atlas 1.5 by Jellby
• Winamp Skinning Tutorial

Predecessors

• Webamp2x An impressive implementation from 2002(!). Doesn't seem to work/play in my modern browsers.

• Winamp em HTML5 e Javascript In 2010 a developer named Danilo posted one of his HTML5 experiments: "an audio player simulating good old Winamp". You will have to download the zip file.

• JuicyDrop An HTML5 implementation with less empasis on being true to the skin, but fully featured visualizations. @cggaurav is keeping it alive on GitHub

• Spotiamp The folks at Spotify reimplemented Winamp as a frontend for Spotify. Not in a browser, and only runs on Windows.

Thanks

• Research and feature prototyping: @PAEz

Thank you to Justin Frankel and everyone at Nullsoft for Winamp which inspired so many of us.

License

While the Winamp name, interface, sample audio file and surely property of Nullsoft, the code within this project is released under the MIT License. That being said, if you do anything interesting with this code, please let me know. I'd love to see it.