README

What is H5P?

H5P is a plugin for existing publishing systems that enables the system to create interactive content like Interactive Videos, Presentations, Games, Quizzes and more! For more information visit https://h5p.org/

What does this extension do?

This extension provides a platform integration for H5P into the TYPO3 CMS (https://typo3.org/), allowing you to use H5P content types within TYPO3 CMS.

This extension works independendly inside a TYPO3 Installation but is part of the TYPO3 based E-Learning System LMS3 http://www.lms3.de created by LEARNTUBE GmbH.

Installation

Installation is simple and consists of these steps:

Run composer require "lms3/lms3h5p:^1.0"
Install extension from Extension Manager.
Make sure typo3/cms-fluid-styled-content installed.

Configuration

Make sure database tables are created.
Run ./vendor/bin/typo3 lms3h5p:h5p:configsetting
Run ./vendor/bin/typo3 lms3h5p:h5p:copyresources
Include the static TypoScript of the extension

H5P Content Preparation

Create new folder in page tree
Click on LMS3: H5P Content and select storage folder
Click on Create new content icon to create new H5P Content
Install H5P Library and use it.

Render Content

Go to page and add content
Select LMS3: H5P Content
Select H5P Content from the storage folder
Save and Close
View content in frontend

Change styling

Create css file e.g. fileadmin/lms3h5p/custom.css
Configure typoscript as follows:

module.tx_lms3h5p.settings {
    customStyle {
        path = fileadmin/lms3h5p/custom.css
        version = 20190601150000
    }
}

Note: After your css changes, don't forget to change the version number.

lms3 / lms3h5p

Maintainers

Details