Adding Animated Wallpapers to my Personal Website / Desktop Environment

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • WorkOS - The modern identity platform for B2B SaaS
  • webamp

    Winamp 2 reimplemented for the browser

  • Also last week while inspired by animated wallpapers I decided I wanted to revisit some features I wanted to add to my Winamp player, powered by Webamp. Specially I wanted to add streaming support and then get Milkdrop working which is powered by Butterchurn. It is easy enough to add Butterchurn as there are already instructions on their repository on how to do that. But what I wanted was an even lazier version of this code that would only load Butterchurn and it's presets if Milkdrop was open and the music playing. To do this I needed to add some custom handlers/logic which Webamp mostly supported.

  • daedalOS

    Desktop environment in the browser

  • For several years now I've been building my desktop environment in the browser and have been using the Vanta.js animated wallpaper called Waves. Last month I added my 2nd animated wallpaper called Hexells.

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
  • javascript-playlist-parser

    Parse m3u, pls, and asx in JavaScript

  • Then to add streaming support it turned out all that was really missing was the ability to pass those URL's to Webamp. To do this I added handlers for Load Playlist and Load URL which would take a URL such as a direct stream or a playlist file (MSU/PLS/ASX) and load that into Webamp to be played. To do this I used javascript-playlist-parser which did exactly what I wanted and supported 3 playlist file types.

  • butterchurn

    Butterchurn is a WebGL implementation of the Milkdrop Visualizer

  • Also last week while inspired by animated wallpapers I decided I wanted to revisit some features I wanted to add to my Winamp player, powered by Webamp. Specially I wanted to add streaming support and then get Milkdrop working which is powered by Butterchurn. It is easy enough to add Butterchurn as there are already instructions on their repository on how to do that. But what I wanted was an even lazier version of this code that would only load Butterchurn and it's presets if Milkdrop was open and the music playing. To do this I needed to add some custom handlers/logic which Webamp mostly supported.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts