Butterchurn (Winamp visualizer)

[jade totem]

Music visualizer using Butterchurn (WebGL port of Milkdrop, aka Winamp's visualizer).

Requirements:

• Internet connection, presets are downloaded on demand;
• Use QT WebEngine in SignalRGB (Settings > Effect Canvas > Canvas Renderer);
• Enable hardware accelerated canvas (Settings > Effect Canvas > Hardware accelerated canvas) [Optional, but recommended].

If you find any issue that's not already listed here:
https://github.com/ferretwithaberet/butterchurn-srgb/issues
Please report it here or create an issue on the GitHub repo (if you have a GitHub account).

Preview:
https://www.youtube.com/watch?v=tjAV5tIk_1I

Source code

Still a lot to work on with this one, as it is somewhat buggy atm, but it works (at least with the # Random preset)

[jagged surge]

very nice adding a speed slider be nice too as they are quite fast on my PC

[jade totem]

myeah, I do not have much control over that, I have to look into what options Butterchurn lets me pass to it

but I have bigger issues, I still need to find a better way of converting what signal gives me into an AnalyserNode so butterchurn acts properly (at the moment that part was handled by AI 💀). like here: https://webamp.org/

[merry sage]

Nice, i really like winamp visualization👍
Until now i m still using winamp

[jade totem]

Features

• Implemented "Pause mode" option.

Fixes

• Changing "Random Seconds" would setup random effects interval;
• No initial effect;
• Canvas sizing (Ty @lime current);
• Preset names are now properly shown, instead of "<index>. Preset".

[jade totem]

Features

• Effect now reacts better to audio;
• Amplify option;
• Show preset name option.

Fixes

• Selecting effect with "$" in it's name would fail.

Regression

• Effect plays on it's own when no sound. 🙃

[cedar sigil]

this looks like an interesting project you have going. im a huge life long fan of winamp/ryan geiss work with visualizers.
have you looked into other milkdrop stand alone projects?
i can highly recommend the one im dabbling in for the last couple of years.
Milkdrop 3 he easily calls it.
Milkdrop2077 on YT, X, Github and so on.
(and i just found a new update to the milkdrop pro version hes working on in my inbox. praise the gods, lets see what new stuff is implemented.
so much new code, user menus and yea.. its a total vj player in it self if you want, midi functionable, any who off topic, i just got exited :D)

Edit: take a look at the last video showing updates to the app. blowing my mind right now.
https://www.youtube.com/watch?v=22mx_YocZjM

[jade totem]

tbh, I just grew with winamp as a kid, that's why I created the effect, did not research anything about the tech prior

Also, I could likely get something similar to what's in that video with CSS

I could let the user give me an URL of a photo/GIF/video file and I'd use
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/mix-blend-mode
to blend them

[jade totem]

kinda lit, ngl

[jade totem]

Features

• Effect now actually reacts properly to audio;
• RGB mode, cycles effect hue based on RGB mode speed setting;
• Filter settings to change how effect looks.

Fixes

• Effect does not play on it's own when no sound;
• Better recovery in case preset loading fails.

[jade totem]

Note for self: Fix RGB mode (I fixed it manually in the above file, so no worries, it should work), for some reason hue-rotate(0deg) builds to hue-rotate(), which breaks. Also, remove forgotten speed console.log ya fool.

[jade totem]

I am also thinking about removing a lot of presets to reduce bundle size

[jade totem]

Fixed

[jade totem]

Regarding this, feel free to report here which presets you are using or that are not working for you. Also, if you were a winamp user and know of any presets that are not in the effect which could be cool, let me kinow and I will look into adding them, if possible.

I could also only keep the best presets in the effect bundle and allow the user to provide an URL to a preset file ig, but I should also look into that.

[jade totem]

Somewhat experimental but it seems to work quite well

Features

• Mode option, random or cycle;
• Color and image blending with different blending modes;
• More presets;
• Presets are not part of the effect anymore, they are downloaded on demand;
• Preset ranges, choose exactly which presets you want to use;
• Extra presets, let's you add extra JSON file presets (not sure if there are any, but decided to leave it in anyway);
• Maybe better performance, not sure, but render logic is leaner now.

[jade totem]

Fixes

• Unfiltered presets that contain #, they were broken with the old preset load logic;
• Changed preset name sanitization characters as it broke some effects with new preset load logic.

tl;dr MORE WORKING PRESETS

[jade totem]

Features

• # Recommended presets option.

Removals

• # Ranges value in Preset, when PresetRanges is available (and valid) it will override Preset.

Fixes

• AI fixes, missing HTML quotes, bad states.