Simple winamp skins
- #SIMPLE WINAMP SKINS HOW TO#
- #SIMPLE WINAMP SKINS FULL SIZE#
- #SIMPLE WINAMP SKINS SKIN#
- #SIMPLE WINAMP SKINS PRO#
- #SIMPLE WINAMP SKINS PROFESSIONAL#
Once you're satisfied with the visualisation colours, select "Equalizer Graph Editor" from the "Tools" menu to edit the EQ colour scheme.
Click "Apply" to see a preview of your selected colours. Here you can manually select a range of colours or, for smoother effects, select "Gradient Fill" in the "Option" menu ( Figure 7). To do this, click the "Tools" button and select "Visualization Color Editor". You can specify a colour scheme for these as well. In the main Winamp window, beneath the playback time display, are volume level indicators. You may notice that the colours you choose will not affect all templates, so switch between templates to see the different results.īelow the "Main Skin" area is the "Playlist Skin" area, which lets you modify the font and colour scheme to be used in the play list window. To do this, click the button next to "Modify Title Text". Here you can also specify a name for your skin, which will appear in the title bar at the top. In the "Main Skin" area are two colour selection boxes for the font and background colours. Once you have a template that works well with your image, it's time to fine-tune the colour scheme. The "widescreen" template is shown in figure 5.
#SIMPLE WINAMP SKINS SKIN#
You can also download some more templates from the Winamp Skin Maker site. If the default template doesn't look quite right, try out some of the others in the "Skin Template" menu. Now click the "Make Skin!" button to preview your new skin ( Figure 4).
#SIMPLE WINAMP SKINS FULL SIZE#
Try the "Continuous" option to see your image full size ( Figure 3). The default setting is "Tile", which crops your image to the actual size of a Winamp window. You will notice that there is a drop down menu labelled "Adjustment Mode". From here, go to the file menu, select "Open Image", and browse for an image to use from your hard disk ( Figure 2). Once you have Skinner installed, load it up and you will be presented with the main window as shown in figure 1. This handy little application allows you to work with a variety of template skins that can use a custom image of your own design as the background. There is a much easier way to build your own skins using a specialised shareware utility called "Winamp Skin Maker" (or "Skinner") that makes the procedure much easier. If you are not much of a graphic designer, however, don't worry. If you are willing to give it a go, a full tutorial is available here.
#SIMPLE WINAMP SKINS PROFESSIONAL#
Although simple, the process is fairly laborious, and can involve quite a lot of fiddly tweaking and a certain amount of experience to get professional results.
#SIMPLE WINAMP SKINS HOW TO#
The base skin incorporates fifteen bitmaps as well as numerous cursors and a script file that instructs Winamp how to use the various files.
#SIMPLE WINAMP SKINS PRO#
All you need is an image editor such as Photoshop or Paint Shop Pro and the Winamp base skin', which you can download from the Winamp site. Making your own customised Winamp skins' is a fairly straightforward procedure. #2 - winamp.js:49 Uncaught (in promise) TypeError: Object.entries is not a functionĪt a.e.(anonymous function) (. #1 - TypeError: Object.entries is not a function(…) And of course, thanks to I'm assuming you're ok with pasting the content here, but please let me know in case you have objections.) Thanks to for the original retweet which I believe kicked this whole thing off more than three years ago. Thanks to for catching many small places where I hand't perfectly recreated Winamp's handling of skins. Thanks to for being an invaluable source of insider information. Getting all of this to work entirely in the browser has been a great challenge, and I've learned a lot. * "Double" mode (ctrl+d) makes the main and EQ windows twice as big. * Use hotkeys to control all major functions. * Drag windows around, and easily align them with window snapping. * If a skin specifies some transparent regions in its region.txt, they are respected. * See each file's title/artist as specified in its ID3 tags. * Save screen real estate with each window's "shade" mode. * Import/export Winamp's own binary EQ settings files. (Shoutout to for cardinal-spline-js (link: )) * Adjust the fully functional EQ to pump up the bass. * Visualize your music with the bar or line visualizer.
* Drag local audio files into the playlist to queue them up. (Shoutout to for JSZip which lets us decompress. * Load any classic Winamp skin just by dragging it onto the main window.
To celebrate, here's a list of some of the cool things it can do: (thread) It's done! Winamp2-js ( ) finally supports all three windows! For those who don't want to navigate Twitter for whatever reason (tracking, slows down your browser, bad UI, etc.), here's the content from the thread (the images and videos are still Twitter-hosted, by the way):