July 11, 2024

Retro Winamp Block Plugin

A Winamp-styled audio block for all your retro music player needs.

Do you miss the days of filling up your computer’s harddrive with MP3 files, burning CDs with your favorite party mixes, the glam and grunge fashion styles, waiting every week for the latest episodes of Friends and Sex and the City (sorry, no binging on streaming episodes), and all that came with the 90s? Do you wish the WordPress core blocks offered you more styles to match your interests? Then look no further, because this plugin transforms a bland audio block into a llama-riffic Winamp-stlyed audio block!

Disclaimer:Winamp and the Winamp logo are property of Nullsoft Inc. and its owner Radionomy Group (now defunct). This project also leverages the MIT-licensed Webamp player, many thanks to Jordan Eldredge for his efforts there.

Changing Player Skins

In order to select alternate player skins, browse the Winamp Skin Museum and find a preferred skin, copy the URL of the specific skin (e.g., https://skins.webamp.org/skin/bb0bf8064d108271afea419308dcb6ea/NES_Duck_Hunt.wsz/), and paste that URL in the Skin URL field in the Winamp Block Skin settings.

Installation

Install the plugin via the plugin installer, either by searching for it or uploading a ZIP file.
Activate the plugin.
Use a Winamp-styled audio player block on your site; what retro fun!

Screenshots

The Winamp player with the base, default skin.
Winamp Block settings showing the Skin URL setting updated to an alternate Winamp skin.
Winamp Milkdrop visualisations.
Winamp player skin selector.

FAQ

This is amazing, how can I help contribute to this plugin?

Great question and I could not agree with you more! You can help contribute to this Winamp Block plugin on GitHub or to the Webamp project on GitHub.

Ok this is making me nostalgic, how can I submit a new skin for the player?

Details on how to create a new skin is available here. We recommend downloading the base Winamp skin, renaming the file extension from .WSZ to .ZIP, unzipping that file and inspecting all the bitmap and textfiles. Then use your favorite design program to craft a skin design, cut it up into the component bitmap parts, add your info to the relevant textfiles, then ZIP all that up and rename the extension to WSZ. Finally, upload your custom skin to the Winamp Skin Museum and once its accepted you’ll be able to reference it within the Winamp Block’s Skin settings. Good luck!

Changelog

1.3.2 – 2024-06-20

Added: Support for the WordPress.org plugin preview (props @dkotter, @jeffpaul, @peterwilsoncc, @ravinderk via #116, #118).
Added: “Testing” section in the “CONTRIBUTING.md” file (props @kmgalanakis, @jeffpaul via #132).
Changed: Winamp skin preview setting to be on by default (props @jeffpaul, @psorensen, @dkotter via #124).
Changed: Move preview toggle to inspector controls from block controls (props @jeffpaul, @psorensen, @dkotter via #124).
Changed: Nest webamp component inside the block to activate block selection when interacting with the component (props @jeffpaul, @psorensen, @dkotter via #124).
Changed: Bump WordPress “tested up to” version 6.5 (props @severine-pozzo, @sudip-md, @jeffpaul, @dkotter via #114, #131).
Changed: Bump WordPress minimum from 6.1 to 6.3 (props @sudip-md, @jeffpaul, @dkotter via #131).
Changed: Clean up NPM dependencies and update node to v20 (props @Sidsector9, @dkotter via #123).
Changed: Replaced lee-dohm/no-response with actions/stale to help with closing no-response/stale issues (props @jeffpaul, @dkotter via #128).
Security: Updates axios from 0.25.0 to 1.6.2 (props @dependabot, @faisal-alvi via #117).
Security: Updates @wordpress/scripts from 24.6.0 to 26.19.0 (props @dependabot, @faisal-alvi via #117).
Security: Updates express from 4.18.2 to 4.19.2 (props @dependabot, @desrosj, @Sidsector9 via #130).
Security: Updates follow-redirects from 1.15.5 to 1.15.6 (props @dependabot, @desrosj, @Sidsector9 via #130).
Security: Updates ip from 1.1.8 to 1.1.9 (props @dependabot, @desrosj, @Sidsector9 via #130).
Security: Updates webpack-dev-middleware from 5.3.3 to 5.3.4 (props @dependabot, @desrosj, @Sidsector9 via #130).

1.3.1 – 2023-10-19

Added: Check for minimum required PHP version before loading the plugin (props @kmgalanakis, @Sidsector9 via #103).
Changed: Update our dependency review GitHub Action (props @jeffpaul, @Sidsector9 via #97).
Changed: Bump WordPress “tested up to” version 6.3 (props @kmgalanakis, @iamdharmesh, @jeffpaul, @peterwilsoncc via #102, #105).
Security: Bump semver from 5.7.1 to 5.7.2 (props @dependabot, @ravinderk via #98).
Security: Bump word-wrap from 1.2.3 to 1.2.5 (props @dependabot, @peterwilsoncc via #106).
Security: Bump tough-cookie from 4.1.2 to 4.1.3 and @cypress/request from 2.88.11 to 3.0.1 (props @dependabot, @Sidsector9 via #107).
Security: Bump cypress from 10.11.0 to 13.1.0 (props @dependabot, @Sidsector9 via #108).
Security: Bump @cypress/request from 2.88.11 to 3.0.1 (props @dependabot, @Sidsector9 via #108).
Security: Bump postcss from 8.4.20 to 8.4.31 (props @dependabot, @faisal-alvi via #110).

1.3.0 – 2023-04-18

Added: E2E tests using Cypress (props @vikrampm1, @barneyjeffries, @iamdharmesh, @cadic) via #87.
Changed: Bump WordPress “tested up to” version from 6.1 to 6.2 (props @jayedul, @peterwilsoncc) via #92
Changed:Support Level from Active to Stable (props @jeffpaul, @Sidsector9) via #94.
Security: Bump simple-git from 3.15.1 to 3.16.0 (props @Sidsector9) via #82.
Security: Bump http-cache-semantics from 4.1.0 to 4.1.1 (props @peterwilsoncc) via #85.
Security: Bump @sideway/formula from 3.0.0 to 3.0.1 (props @faisal-alvi) via #86.
Security: Bump webpack from 5.73.0 to 5.76.2 (props @faisal-alvi) via #90.

View historical changelog details here.