In this demo, we decode the jxl file zoltan-tasi-CLJeQCr2F_A-unsplash.jxl ,the ac3 file Canyon-5.1-48khz-448kbit.ac3 and the the ogg file trailer_1080p.ogg using conventional, img, audio and canvas tag. We use MutationObserver to monitor and detect changes in the DOM and decode seamlessly these formats.
In this image, the MutationObserver is using solver_1 with libjxl_1 on :
<img src="../test_sequences/zoltan-tasi-CLJeQCr2F_A-unsplash.jxl" / >
The MutationObserver is using solver_1 with liba52_1 on :
<audio src="../test_sequences/Canyon-5.1-48khz-448kbit.ac3" controls> </audio>
And the MutationObserver is using solver_1 with ogg_1, vorbis_1 and theora_1 on :
<canvas data-url="../test_sequences/trailer_1080p.ogg" > </canvas>