Enable HTTP live streaming (HLS) for shorter videos on typo3.org

Problem to solve

Videos are currently embedded using YouTube, but this is not good UX, because it introduces additional clicks before the video can be loaded. Videos like the What is TYPO3 video on the Home page should instead be played using HTTP live streaming (HLS).

Further details

Manually uploading .ts segments and .m3u8 to the Filelist would be possible for short video clips that should ideally auto-play on the page. However, this requires two changes:

• Making .ts files downloadable with the MIME type video/mp2t, possibly limited to a subfolder of /fileadmin to avoid misuse of TypoScript files elsewhere.
• Since .m3u8 files within the <video> tag is only supported by some browsers, a bit of JavaScript must be included.

Proposal

• Enable download of .ts files within fileadmin/video_streams/ with the MIME type video/mp2t.
• Make use of the video.js library.

What does success look like, and how can we measure that?

HLS streams with locally hosted stream segments can be played at typo3.org

Acceptence Criterias

• Download of .ts files from fileadmin/video_streams/ with the MIME type video/mp2t
• .m3u8 can be played within the <video> tag.
• MBL is happy.

Links / references