html5mediakit 

Extension key

html5mediakit

Package name

de-swebhosting-typo3-extension/html5mediakit

Version

main

Language

en

Author

Alexander Stehlik

License

This document is published under the Creative Commons BY 4.0 license.

Rendered

Wed, 22 Apr 2026 22:14:35 +0000


This extension introduces a new content type called "Video / Audio" providing users with the ability to embed video and audio files using HTML5 elements. It supports multiple formats for video and audio uploads, ensuring compatibility across various browsers.

Additionally, users can enhance the accessibility of their media files by adding some metadata or uploading text WebVTT files to serve as tracks. This feature enables the inclusion of tracks in video and audio content, improving the overall user experience and ensuring better accessibility for all users.


Table of Contents:

Introduction 

This documentation provides step-by-step instructions for embedding video and audio files on your website using the "Video / Audio" content type. It also covers the process of adding metadata for the media file and uploading text WebVTT timed text files to serve as tracks to enhanced accessibility.

How does it work? 

This extension introduces a new content type e "Video / Audio" that enhances the functionality of your website. Backend users gain the ability to upload and manage video and audio files in various formats, ensuring compatibility across different browsers.

Under the hood, the extension configures a new media model with the necessary TCA configuration and translation keys. This setup enables seamless integration management of media files within your website's backend.

Screenshots 

Here are some screenshots of the extension in action:

  • Editing an audio content element
A screenshot of a Backend form for editing an audio content element
  • Editing a video content element
A screenshot of the Backend form for editing a video content element
  • Editing metadata for a media element
A screenshot of the Backend form for editing the metadata of a media element

Users Manual 

As an editor, you have the option to select the desired media file type for uploading. There are two available options: audio and video. Once you have chosen the appropriate file type, you can proceed to upload the media file in various formats.

Furthermore, you have the ability to include metadata for the uploaded media file. Additionally, you can upload webVtt files that will serve as subtitles for the media file.

Uploading Media 

Audio 

The following audio formats are supported:

  • MP3
  • OGG

Video 

The following video formats are supported:

  • MP4
  • WebM
  • OGV

Metadata 

User will be able to add WebTTV timed text file to the media file. This will serve as subtitles for the media file. The following format is currently supported:

  • WebVTT

Installation 

There are two methods to set up this extension:

Utilizing the extension manager in your chosen platform, you can install the extension. Alternatively, you can use a package manager like composer to install the extension. For example, to install the de-swebhosting-typo3-extension/html5mediakit extension using composer, run the following command:

composer require de-swebhosting-typo3-extension/html5mediakit

After installation, ensure that you add the TypoScript template to the list of static templates.

That's it! No further configuration is required :)

Configuration 

The only configuration option that is special in this Extension is the parseFunc for the description of the media files.

You can view / modify it by changing the configuration in lib.parseFunc_RTE_tx_html5mediakit_description.

Known Problems 

While there are no technical issues, there is a notable concern related to the support of WebVTT track files for audio files. Presently, most web browsers lack comprehensive support for this feature.

To-Do list 

If you are interested in tracking our current development progress, improvements, or if you have feature requests or wish to contribute, please visit the GitHub page of this extension: https://github.com/astehlik/typo3-extension-html5mediakit.

We welcome your feedback and encourage you to report any issues or create pull requests.