Winamp. In your browser. (winamp2-js)

[Mwyann]

https://jordaneldredge.com/projects/winamp2-js/

[dro]

Jordan has done a lot of good work in getting Winamp 2.x skins to work in the browser to then wrap the HTML5 playback.

There's more than what the example on the site shows when getting the code from github and he's still actively working on it.

-dro

[garetjax]

yes he is.  I've been patiently waiting for a new release, ... so, I can actually show previews (working previews on 1001)

[dro]

I can't remember how far it had gotten though I definitely don't remember generic and video windows being handled (am also not sure on the playlist editor either).

The greatest thing would be to have a modern skin preview but that'd just be insane to see done (especially within JS, etc).

-dro

[RiptoR]

The greatest thing would be to have a modern skin preview but that'd just be insane to see done (especially within JS, etc).

You'd be amazed at what you can accomplish in Javascript. But yeah, it would most likely take a lot of work. It might be doable if combined with a server-side parser that converts the skin file, then use Javascript to just create a preview (without all functionality ofcourse).

[captbaritone]

Hey, Jordan (Winamp2-js author) here! Thanks for the kind words about the project. It’s been great fun. I've actually been thinking a fair bit about the use case of using Winamp2-js for automating the process of taking screen shots. With headless Chrome it really shouldn't be too difficult. In fact I hacked together a little eight line script using Chrome’s [Puppeterr](https://github.com/GoogleChrome/puppeteer) library and was able to get a pretty good looking screenshot of an arbitrary skin. I want to do a bit more work to get it working to the point where you can take the screenshot in any state you wish. This might require some minimal refactoring to the existing code base.

If I did get this working robustly, how would people want to use it?

Download/install/setup and then use from the command line?
Web interface where you can drag in a skin and get an png?
Web based API where you post a skin and get a URL to a png?
Javascript library which you could call with a path to a skin to get a promise for a png?

One possible long term goal would be to make a skin gallery website where you could browse via (generated) screenshots, and then click that screenshot to preview the skin in your browser. (If anyone has interest in the project and wants to help, let me know!)

Another possible project would be an online skin explore which would allow you to drag in a skin and see all the sprites split out and labeled. (Again, let me know if this interests you).

I have the equalizer window nearly working, you can follow the project on GitHub [here](https://github.com/captbaritone/winamp2-js/projects/1)
 and I have the chrome UI for the playlist window working, but that one is going to require a much larger effort, since the whole media chain has to be updated to be aware of multiple files. For the purposes of screenshotting skins, it would probably be possible to start with the UI for the playlist first, as that will be much easier.

If anyone is interested in contributing (the project is React+Redux and fairly well organized) I’d be happy to help find interesting tasks to work on. Currently I’m working on how multiple windows snap together when you drag them around.

I’m not putting a huge amount of time into this project these days, but I am continuing to chip away at it bit by bit. I probably work on it at least an hour or two each week. Of course having other contributors would probably increase my interest

Thanks again,

Jordan

[garetjax]

Hey Jordan,

Joe Garrett here,

I am the owner and developer 1001skins; and I have made a skin or two under the aliases of thefusionbox, fusion_box, and garetjax.  I know on 1001, one of the ideas I had was load a skin based on a click event what I call the skin browser; I wanted to also have a demo button, that allowed the user to actually use the skin before they downloaded it.

At least that was the idea; until of course I downloaded your submission on github; and W 0 W! 

Awesome work dude;  amazingly complex and awesome.  I couldn't do it...way to much js; hell, I couldn't keep my head on straight trying to run a local version.



http://www.1001skins.com/


Of Note, there are a few sites out there that cater to winamp and its skins...but, it is few and far between; though, I am game for establishing a web-service...though, to be fair my hosting is done on .net 4.7 C# code; though, everything is available under that host script with no bandwidth restrictions, file restrictions, or throttling of any sort.

Let me know...

[captbaritone]

Hey Joe,

I have the playlist window fully working now (a few tiny things I still want to clean up before I release it, but it's fully working). One easy thing to try would be for 1001skins to provide a link to Winamp2-js which included the URL of the skin in the hash. This is the approach I'm using for https://twitter.com/winampskins

For example: https://jordaneldredge.com/projects/winamp2-js/#%7B%22skinUrl%22%3A%20%22https%3A//s3-us-west-2.amazonaws.com/winamp2-js-skins/Pizza_Hut_v5.wsz%22%7D

You can read more about the syntax here: https://github.com/captbaritone/winamp2-js#advanced-ussage (note you may have to url encode the bit after the #.

This would require setting up the correct allows-origin headers for the skin files, let me know if that's difficult to do in your setup.

If you can get the headers working, it would mean you could add a "preview" or "try" link for a skin just by generating the correct URL. Might be an easy place to start.

Let me know what you think. Feel free to reach out here, or via email: jordan@jordaneldredge.com

[dro]

*mega bump*

This now has a working playlist editor window (useful for some ideas I have for use with WACUP) & lots of other cool bits with the recent update @ https://jordaneldredge.com/projects/winamp2-js/  Well done Jordan on all of this!

-dro