Homepage

Sections

What is H5P?
How do I create my own H5P interactive content?
University projects using H5P
Disclaimer
Accessibility
Open Education Resources (OERs)
Exemplars

What is H5P?

H5P is a free and open-source content collaboration framework based on JavaScript. H5P is an abbreviation for HTML5 Package, and aims to make it easy for everyone to create, share, reuse and modify interactive HTML5 content. Currently there are over 50 default content types available, but you can add more from the community or create your own bespoke template.

  1. Accordion – Create vertically stacked expandable items
  2. Advent Calendar (beta) – Create an advent calendar
  3. Agamotto – Present a sequence of images and explanations
  4. AR Scavenger – Augmented reality fun!
  5. Arithmetic Quiz – Create time-based arithmetic quizzes
  6. Audio Recorder – Create an audio recording
  7. Branching Scenario – Create dilemmas and self paced learning
  8. Chart – Quickly generate bar and pie charts
  9. Collage – Create a collage of multiple images
  10. Column – Column layout for H5P Content
  11. Complex fill the blanks – Fill in the missing words
  12. Cornell Notes – Take notes using the Cornell system
  13. Course Presentation – Create a presentation with interactive slides
  14. Crossword – Create a crossword puzzle
  15. Dialog Cards – Create text-based turning cards
  16. Dictation – Create a dictation with instant feedback
  17. Documentation Tool – Create a form wizard with text export
  18. Drag and Drop – Create drag and drop tasks with images
  19. Drag the Words – Create text-based drag and drop tasks
  20. Essay – Create essay with instant feedback
  21. Fill in the Blanks – Create a task with missing words in a text
  22. Find Multiple Hotspots – Create many hotspots for users to find
  23. Find the Hotspot – Create image hotspot for users to find
  24. Find the words – Grid word search game
  25. Flashcards – Create stylish and modern flashcards
  26. Guess the Answer – Create an image with a question and answer button
  27. Iframe Embedder – Embed from a url or a set of files
  28. Image Choice – Create a task were the alternatives are images
  29. Image Hotspots – Create an image with multiple info hotspots
  30. Image Juxtaposition – Create interactive images
  31. Image pairing – Drag and drop image matching game
  32. Image Sequencing – Place images in the correct order
  33. Image Slider – Easily create an Image Slider
  34. Impressive Presentation – Create a slideshow with parallax effects
  35. Interactive Book – Create courses, books or tests
  36. Interactive Video – Create videos enriched with interactions
  37. KewAr Code – Create QR codes for different purposes
  38. Mark the Words – Create a task where users highlight words
  39. Memory Game – Create the classic image pairing game
  40. Multiple Choice – Create flexible multiple choice questions
  41. Personality Quiz – Create personality quizzes
  42. Questionnaire – Create a questionnaire to receive feedback
  43. Quiz (Question Set) – Create a sequence of various question types
  44. Single Choice Set – Create questions with one correct answer
  45. Sort the Paragraphs – Create a set of paragraphs to be sorted
  46. Speak the Words – Answer a question using your voice (Chrome only)
  47. Speak the Words Set – A series of questions answered by speech (Chrome only)
  48. Structure Strip – Interactive structure strip
  49. Summary – Create tasks with a list of statements
  50. Timeline – Create a timeline of events with multimedia
  51. True/False Question – Create True/False questions
  52. Virtual Tour (360) – Create interactive 360 environments


How do I create my own H5P interactive content?

There are 3 quick ways to start creating H5P content:

  1. Use the free H5P.org authoring tool (free user account required) and publish content on their server
  2. Add the H5P plugin to your existing publishing system (WordPress, Moodle or Drupal)
  3. If you are a University of Edinburgh staff or student, please contact us for free access to this H5P repository (you will be given your own dedicated space within this website)

University projects using H5P

For news about University of Edinburgh projects and people using H5P interactive content please read our ‘H5P’ tagged blogs posts.

Disclaimer

Please be aware that this website is not an centrally supported ISG business service (high priority), but a technical service which relies on the lower priority  ISG web hosting service.

Accessibility

How accessible is H5P content?

H5P content types have all been tested against the criteria for Web Content Accessibility Guidelines (WCAG) 2.1 AA support. The content types have gone through a lot of testing with various screen readers, keyboard navigation, zooming, code inspection and more.

Full list of H5P content types and their accessibility status

WCAG 2 requirements (success criteria) and techniques

Guidance on making your H5P content accessible

For expert advice on making sure your courses are inclusive and accessible please read the University’s Learning Technology and Accessibility webpages:

Accessibility guidance for course creators

University’s Accessible and Inclusive Learning Policy.

OERs

Open Education Resources (OERs) are online resources that are available for others to use to support learning.  They are part of a worldwide movement to promote and support sustainable educational development – the use of the term ”OER” is attributed to a UNESCO workshop in 2002. The sharing of open educational materials is in line not only with University of Edinburgh’s mission but also with a global movement in which research-led institutions play a significant role.

The University of Edinburgh has an ‘OER policy’, which outlines the institutional position on OERs and provides guidelines for practice in learning and teaching. You can find the policy on the Academic Services, Policies page under ‘Learning and Teaching’, or link directly to the document here:

To find out more on OERs please visit the University of Edinburgh’s Open.Ed website.

Exemplars

Below is a small selection of H5P content types that you can play with, download, share or embed.

Image Hotspot

Interactive Video

Image Juxtaposition

The Ecce Homo (Behold the Man) in the Sanctuary of Mercy church in Borja, Spain, is a fresco painted circa 1930 by the Spanish painter Elías García Martínez depicting Jesus crowned with thorns. Both the subject and style are typical of traditional Catholic art.

While press accounts agree that the original painting was artistically unremarkable, its fame derives from a good faith attempt to restore the fresco by Cecilia Giménez, an untrained elderly amateur, in 2012. The intervention reinterpreted the painting and made it look similar to a monkey, and for this reason it is sometimes known as Ecce Mono (Behold the Monkey).

Compare the painting before and after by sliding between the two images.

Both images within this interaction are copyright © Associated Press 2013.

Multiple Choice

Drag and Drop