The demo page for the blog articles

Play Local MP4 Video Files in Your Browser (part I): Pure JavaScript Video Player Tutorial with MP4Box library

Play Local MP4 Video Files in Your Browser (part II): MP4 file fragmentation in pure JS using ffmpeg library in browser

Playing a video file directly

This page allows to verify if a video file is playable using MSE mechanism as it is, without any preprocessing.

Recall that for a video file to be suitable for modern browser's Media Source Extension (MSE) it should be fragmented.

Playing a video file using MP4Box library

This page can accept any video file, and it is supposed to play it via the MSE in browser by using MP4Box library to fragment the video file prior to playing it.

The MP4Box library is designed to process the video files on the fly, which allows for on-the-fly fragmentation and playing in MSE.

Playing a video file using ffmpeg library

This page can accept any video file, and it would preprocess it for fragmentation using the ffmpeg library.

Once the video file is ready, it should start immediately playing, and also a download url should appear.

When we download the fragmented video file, it is normally should be suitable to be played by MSE right away (so you can test it using bare-file-demo./)