Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 6 Current »

H5P is an easy way to create interactive multimedia content that can be embedded in Canvas or other LMS pages. This page walks you through steps to create your own H5P content using a plug-in through Pressbooks which is free with your Boise State email.

H5P is currently not a Boise State University supported tool but is currently being evaluated by LTS. User interactions and score results can be viewed but are NOT captured through Canvas using this method.

Table of Contents

Overview

H5P is an easy way to create interactive multimedia content that can be embedded in Canvas or other LMS pages. This page walks you through steps to create your own H5P content using a plug-in through Pressbooks which is free with your Boise State email.

Watch an introduction to Pressbooks presentation including some H5P usage below.

https://boisestate.hosted.panopto.com/Panopto/Pages/Viewer.aspx?id=27a01c59-7d61-4a30-a9d3-ac4c010cb28f

See also:

Note: You do not need to join the H5P website or sign up for the paid service

If you navigate to h5p.com you will see information for a free trial. You do not need to join their website or pay for hosting. You can do everything through Boise State's Pressbooks account.


Creating H5P content in Pressbooks

If you are new to Pressbooks and want to learn more visit https://boisestate.pressbooks.pub/.

Step 1: Log into Pressbooks

Step 2: Create a book for your H5P content

It is recommended you create a separate book for each of your courses to manage H5P content. If you’ve already created a book, click My Catalog under Dashboard, left-hand nav to choose where you want to add your H5P content.

To create a new Pressbook

  1. Click Admin

  2. Click Create a New Book

  3. Fill out the form and click Create Book

Step 3: Enable H5P plugin

  1. From your book’s homepage click Admin

  2. Click Plugins from the left-hand nav

  3. Click Activate under H5P

Step 4. Creating H5P content

  1. From your book’s admin page, click H5P button

    Pressbooks H5P nav link

  2. Click Add New

Step 5. Create your H5P interactive(s)

There are a number of different content types to choose from. Each one offers built-in documentation and examples to help get you started.
Official H5P documentation ----> https://h5p.org/documentation/for-authors/the-basics , https://h5p.org/documentation/for-authors/tutorials

The simplified steps:

  1. Select the content type you'd like to create

    1. Install different types as needed

  2. Follow the presented steps or form to build

  3. Click Create


Adding H5P content into Canvas

  1. Navigate to All H5P Content from your course Pressbook

    All H5P Content nav bar link



  2. Choose the interactive you wish to add

  3. Click the <>Embed button on the bottom left of the window

    H5P embed code button
  4. Copy the embed code shown

  5. Navigate to the Canvas page or assignment where you want to add

  6. Click Edit

  7. Click the Embed button in the rich content editor menu and paste in code

    Canvas Embed button

  8. Click Submit

  9. Click Save


Problems Getting This to Work?

  • Check that you are an Administrator of the Pressbook you are trying to work in. If you are in the Author role, your control over H5P content will be more limited. (You won't be able to add new H5P content types for example.) 

Additional Resources


  • No labels