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 video 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="Canyon-5.1-48khz-448kbit.ac3" controls> </audio>
The MutationObserver plays the stream progressively, so playback starts on the first segment instead of waiting for the whole 27 MB file. It uses solver_1 with ogg_1, vorbis_1 and theora_1 to decode, then libx264_1, libopusenc_1 and isobmff_1 to produce what Media Source Extension accepts, on :
<video src="../test_sequences/trailer_1080p.ogg" progressive controls> </video>