Once you have logged into the H5P website find the Create New Content button (it is usually on the Content tab of your account).

Add the name of your content to the Title field and then choose Audio from the Select content type dropdown menu by clicking on the appropriate Use button.

Click on the + button in the Source files section to upload your audio file. There is no way to record your audio file in this module; you need to use recording software such as Audacity to create your file first (or use the H5P Audio Recorder module). Once you have added a file you will see a Copyright button with a number of fields that you will need to complete. This will also add a Rights of use menu option to the file alongside the Embed and Download buttons discussed towards the end of this page.

Choose whether you want to use a Minimalistic, Full or Transparent layout using the Player mode dropdown menu (personally I would choose the Full option as the other options make the player controls difficult to see and use). The default settings for the next three check boxes are shown above and I would recommend leaving them as they are - particularly the Enable controls check box as this gives your users more control over how they play the file.

If you click on the Text overrides and translations arrow you can also change the Audio content name field and the Audio not supported message but you can also leave them as per the default settings as these seem to work fine.

Add any tags to the Tags section and choose whether you want to display the buttons listed above with your audio module. Personally I would leave all of the buttons checked as per the default settings as it gives both you and your users more flexibility. Then click on the Save button.

If you click on the Embed button at the bottom of the audio module once it has been generated, you can copy the HTML code and embed it into a web page just like this:

Please be aware that the HTML code generation box is poorly displayed in browsers. So it may take a bit of juggling to select the HTML code. It seems to appear slightly better in Internet Explorer than it does in either Firefox or Chrome.

Once you have logged into the H5P website find the Create New Content button (it is usually on the Content tab of your account).

Add the name of your content to the Title field and then choose Audio Recorder from the Select content type dropdown menu by clicking on the appropriate Use button.

Add your instructions to the Task Description field. Clicking on the down arrow next to Localization: Record will reveal a lot of settings such as button titles and download options. Leaving the default settings as they are seems to work fine but feel free to experiment with different options if you want to.

Add any tags to the Tags section and choose whether you want to display the buttons listed below with your audio recorder. Personally I would leave all of the buttons checked as per the default settings as it gives both you and your users more flexibility. Then click on the Save button.

If you click on the Embed button at the bottom of the audio recorder once it has been generated, you can copy the HTML code and embed it into a web page just like this:

Branching Scenario is a flexible content type that enables authors to present a variety of rich interactive content and choices to learners. Learners make choices that determine the content they will see. May be used to create dilemmas, serious games, and self-paced learning.

If the wrong selection is made the video will play out the next scene which would show a non-ideal outcome as a consequence to your choice. Almost like a choose-your-own-adventure type scenario.

Branching Scenario example on MoodleLink opens in a new window

Branching Scenario full instructions and video

Once again this is not a particularly exciting module but it will allow you to format other H5P modules into a column. This is useful if you have a sequence of different modules that you want to display in a particular order. The down side is that you will have to create each module afresh rather than using pre-existing ones

Once you have logged into the H5P website find the Create New Content button (it is usually on the Content tab of your account).

Add the name of your content to the Title field and then choose Column from the Select content type dropdown menu by clicking on the appropriate Use button.

Choose the type of content you want to add by clicking on the Content drop down menu.

The fields will then vary depending upon which type of content you choose but create the module as usual and then choose whether you want to separate the different pieces of content with a horizontal line using the Separate content with a horizontal ruler drop down menu.

Click on the Add content button to add the next module to your column. Once you have added all of the different types of content add any tags to the Tags section and choose whether you want to display the buttons listed above with your column.

Personally I would leave all of the buttons checked as per the default settings as it gives both you and your users more flexibility. Then click on the Save button.

If you click on the Embed button at the bottom of the column once it has been generated, you can copy the HTML code and embed it into a web page as in the examplevbelow. In this case I have used a collage followed by a multiple choice module.

Build and customize a beautiful crossword to engage your audience. The crossword is highly customizable allowing you to configure all colors, upload a background image, decide how scoring should work and even randomize the words in it so that your audience gets a new crossword each time if you want.

See our example here.Link opens in a new window

VideoLink opens in a new window

A free HTML5-based content type that allows you to create dictation exercises. Let your students train their listening comprehension and spelling skills.

You can add audio samples containing a sentence for dictation and enter the correct transcription. Your students can listen to the samples and enter what they have heard in to a text field. Their answers will be evaluated automatically.

This module may be particularly useful for language and spelling development for speakers of other languages.

The documentation tool aims to make it easy to create assessment wizards for goal driven activities. It can also be used as a form wizard.

Useful for students planning a project or coursework.

The Iframe embedder makes it easy to make an H5P of already existing JavaScript applications.

Unfold your creativity on an infinite 3D canvas. Images, text and other H5Ps can be combined to create presentations with 3D transitions between steps. This content type is experimental, creating Impressive Presentations might be very difficult, and impossible for people not familiar with 3D creation tools.

The authoring tool is only tested in Google Chrome, and does not work in Firefox.

KewAr Code enables content designers to create well-known QR codes. Those QR codes can encode URLs, but also contact information, events, geo-locations, etc. People can scan them with a QR code reader in order to trigger the selected action.

In this content type, the author defines a series of questions with alternatives, where each alternative is matched against one or more personalities.

Could be a fun, ice-breaker activity but unsure as to educational value.

Create your own questions and make the user answer with their own voice. A quiet room or headset would be required for this module.

This content type has limited browser support and currently works only in Chrome.

A structure strip is traditionally put next to a sheet of paper (or even glued onto it). It provides students with a scaffold for a text and helps them to keep the lengths of different text segments in good proportions.

The Timeline content type allows you to place a sequence of events in a chronological order. For each event you may add images and texts.

A virtual tour content type allowing users to add questions, texts and interactions to multiple 360 environments using only a web browser. 360 (equirectangular) and normal images may be enriched with interactivities like explanations, videos, sounds, and interactive questions. To see it in action you can view the University's Interdicsiplinary Biomedical Research BuildingLink opens in a new window by following the link.