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.
<img src="../test_sequences/zoltan-tasi-CLJeQCr2F_A-unsplash.jxl" using="solver_1" with="libjxl_1"></img>
<audio src="../test_sequences/Canyon-5.1-48khz-448kbit.ac3" using="solver_1" with="liba52_1" controls> </audio>
<canvas data-url="../test_sequences/trailer_1080p.ogg" using="solver_1" with="ogg_1;vorbis_1;theora_1"> </canvas>