Introduction to the Forms of H5P Content
Explore and interact with the various examples of H5P content embedded on this page. If you would like to try making your own H5P content, follow the step-by-step tutorials linked under each section.
Hotspot
The Image Hotspot content type allows creators to add hotspots to images. Hotspots may reveal texts, images, and videos when clicked. Try out the example below, or learn about when to use Image Hotspots and how to create them in this Image Hotspots tutorial.
Timeline
The Timeline content type allows creators to include temporal information in a visual format. It can be particularly useful for instructors who work with topics that include historical dates and timelines.Try out the example below, or learn about when to use the Timeline tool and how to create one in this Timeline Tutorial.
Dictation
This dictation tool allows you, as content creator, to record yourself speaking and ask students to type out what you have said. Its potential uses include language learning, grammar, syntax, and spelling. For example, a linguistics or languages instructor might ask students to type the word(s) they hear. Try out the example below, or learn about when to use the Dictaion tool and how to create one in this Dictation tool tutorial.
Course Presentation
As one of the most commonly used H5P types, the course presentation allows you to develop a series of course slides including text, photos, and videos, with question types embedded through the course presentation to test for comprehension. Try out the example below, or learn about when to use the Course Presentation tool and how to create one in this Course Presentation tutorial.
Interactive Video
Using the interactive video tool, you can upload a video and embed overlaid text and questions that students can click on to reveal the content or you can require the learner to pause and complete the interaction before proceeding. This tool can be very helpful for integrating questions and content directly into your videos, and can be used in combination with other tools in H5P such as the course presentation content type and branching content type.Try out the example below, or learn about when to use the Interactive Video tool and how to create one in this Interactive Video tutorial.
Accordion
Try out the example below, or learn about when to use accordians and how to create your own in this Accordian tutorial.
Image Slider
Try out the example below, or learn about when to use Image Sliders and how to create your own in this Image Slider tutorial.
Image Collage
Try out the example below, or learn about when to use Image Collages and how to create your own in this Image Collage tutorial.