jxl.js VS hydra

> It's so frustrating how the chromium team is ending up as a gatekeeper of the Internet by pick and choosing what gets developed or not.

https://github.com/niutech/jxl.js is based on Chromium tech (Squoosh from GoogleChromeLabs) and provides an opportunity to use JXL with no practical way for Chromium folks to intervene.

Even if that's a suboptimal solution, JXL's benefits supposedly should outweight the cost of integrating that, and yet I haven't seen actual JXL users running to that in droves.

So JXL might not be a good support for your theory: where people could do they still don't. Maybe the format isn't actually that important, it's just a popular meme to rehash.

https://github.com/niutech/jxl.js a javascript polyfill taken from the main page https://jpegxl.info/

There are other decoders [0] written in a "safe language" (rust) listed as well. So no there are many "safe" implementations

[0] https://github.com/tirr-c/jxl-oxide

> If you care about JXL, and only want to support JXL, and you put a JXL in your picture tag, then the browser still won't render it, even if you use a picture tag.

Is this true if you provide a polyfill? Have you tried it and it failed? (Serious question.)

https://github.com/niutech/jxl.js

All of the people here who are so passionate about JPEG-XL will be happy to learn that there's nothing preventing them from using it on their sites right now:

https://github.com/niutech/jxl.js

If you want Chrome to ship with JPEG-XL support, use it. At some point, browser makers will decide it's worth the cost to them and all users to add it.

> Please be aware that some images may not load on this page unless your browser supports JPEG-XL

The site could provide a WebAssembly decoder to make the JPEG-XL images work for everyone.

For example, here's a WebAssembly decoder: https://github.com/niutech/jxl.js

Demo: https://niutech.github.io/jxl.js/

at this point, I'd consider just using a polyfill library to decode jpegxl data client-side, like JXL https://github.com/niutech/jxl.js

:) There are some wasm vs native benchmarks in the context of JPEG XL (for example https://github.com/niutech/jxl.js#benchmark)

For adding JPEG XL support I went with jxl.js which I modified for my use case. After looking through the main file, which is also called jxl.js, I decided I only needed 2 relevant code blocks. The one to decode the image and the one to turn the ImageData into something I could display in my existing codebase (which I already partially had implemented for another use case).

It's easy - you'll get ReferenceError: SharedArrayBuffer is not defined when the COOP and COEP headers are not set. Multithreading is enabled by default if you use the scripts from multithread folder. If only SIMD is supported, it is being used. Oh, and progressive decoding is also enabled by default.

Different hydra

https://github.com/hydra-synth/hydra

I heard about vvvv in my first year of studying in this industry. And kyma for sound design.

But I later discovered that the more mainstream ones are puredata and its commercial version max/msp. for sound design I also use: supercollider and csound.

After some years, I felt that I still preferred text-based interaction while I need some even simpler live coding or prototyping tool. so I made glicol.

for visuals, I would recommend:

https://hydra.ojack.xyz/

and

https://nannou.cc/

https://www.youtube.com/watch?v=-QY2x6aZzqc

Graphics

- Processing is a great place to start: https://www.youtube.com/watch?v=4JzDttgdILQ

- Great intro to programming shaders for art from kishimisu: https://www.youtube.com/watch?v=f4s1h2YETNY

- Inigo Quilex invented ShaderToy among other things. I haven't watched this yet but I'm sure it's awesome: https://www.youtube.com/watch?v=BFld4EBO2RE

- Hydra looks pretty neat for live-coding graphics in the browser: https://hydra.ojack.xyz/

I was really hoping to find a platform that would allow for integrating a programmatic 'score' of music and drive visuals from it, like one step above just using the wave-form to trigger visuals.. I don't know if I've found what I'm happy with yet.. I think I'll try to hook up the OSC signals from SuperCollider with some visuals, but not sure. I want to use shaders if possible, and SC doesn't really support that. Gibber seems great but I'm not sure. Maybe Tidal has it, but the Tidal lang might take a while to learn. I want to use raw frequency values for the notes as much as possible, and that's really easy in SC. I don't want to be stuck using midi notes.

Or https://github.com/hydra-synth/hydra (Livecoding networked visuals in the browser, since 2017)

http://hydra.ojack.xyz would be my secondary recommendation. You can pull all different kinds of source into it and do lots of the typical video mixer effects plus a lot more.

If you like this, then you will probably like /r/livecoding. https://hydra.ojack.xyz/ is a great starting point if you'd like to code visuals - it is JS based, reactive to audio, quite easy to get started.

hydra - this is a free browser based coding environment that generates visuals. There’s a lot of documentation on their site on how to use it which is great. I’m not super knowledgeable on it but there’s a very active discord server.

Hi there, I just have a friends small party and I'm looking for online visual generators to mix into Resolume via iPad or web browser, is just for fun so is not worth to generate visuals from scratch since is a very small party and we want only to have fun with the projector so I'm looking for online (or iPad apps) that can generate visual elements to mix like ( http://spacetypegenerator.com/ , https://hydra.ojack.xyz/ or https://patatap.com/) so I can run them in an iPad and have some fun with feedback and Resolume. Do you know more resources like this?

Im using hydra.ojack.xyz for a university project and am having some issues. I am aiming to use my laptop mic to affect the onscreen visuals with the audio. I have literally 0 coding knowledge so was using openAI for help but the code its giving me doesn't seem to be working.