H5P Versions

We presently have two versions of H5P:  Standalone and Pressbooks.

• The standalone version of H5P can be accessed here.  You will need an account that will be set up by Seth.  You will then choose a password and you should be able to access the site.
• The Pressbooks version of H5P needs to be enabled.  Instructions will be found later on this page.

The standalone version of H5P is integrated with Canvas.  You will be able to create Canvas assignments and using the the External Tool LTI, link an activity that you have created.  Students will be able to complete the activity and receive a score.

Above is a screenshot of the standalone interface.

1. You will see your name with a drop down menu.  In the dropdown menu you will find a Getting Started link.  This link will take you to a site that with examples and guides for the H5P activities that you can build.
2. You see options for “My Content, ” “Shared with me,” and “All Content.”  These options will allow you to filter the content.  Activities on which you are a collaborator, and activities that have been shared with the institution can be found in the “Shared with me” option.  To see everything that you have access to, click on “All Content.”  You can look at any activity in the file folders, but remember, most of the activities are “live” and are being used in courses.  If you would like to explore an activity, you can clone it by clicking on the three dots on the right of an activity, and choose “Clone” from the dropdown list.
3. You can create new folders for your activities.  It is suggested that you create a new folder for each course that you are working on, so that the activities can be easily found.
4. To create a new activity, click on the “Add Content” button. Most of the activities in the list are accessible, but check the accessibility chart for details.

To create a new activity, choose your activity from the dropdown list.  If you would like to know more about an activity, click on the Details button.  You will see some screenshots and can find out more about the activity.  Select “Use” from the Details screen or click on the title of the activity in the dropdown list to choose an activity.

At the bottom of the activity, is a tabbed list of options.

The Tabbed list has the following options:

• Display options: This gives you a list of options that will show at the bottom of a published activity
• Publish: This gives you the status options for the activity.  The default is the “Protected” status.  This allows for the activity to be inserted into Canvas.  The “Public” status allows for the activity to be embedded in pages outside of Canvas.  The default status will work for our purposes.
• Folder:  This tells you where the activity will be saves
• Collaborators: This allows you to add or remove a Collaborator, and to see all of the Collaborators that have access to this activity.
• Share with organization: This tells you if the activity is shared to the organization
• LTI settings: This lists some options for how the activity will interact with the LTI.  You can specify the size of the activity, and choose when to send the scores to Canvas.  From the dropdown menu choose from “Do not send score,” “First attempt,” “Last attempt,” and “Best attempt.”  Make sure to choose the setting that will fit best with the objectives of the activity.
• Attempts: This allows you to choose how many times a student can submit an answer.

To add an activity to a Canvas assignment for a grade passback do this:

If you need to add an activity to Canvas without a grade passback, so this:

You can find a number of OER H5P activities, that you could use on the web:

You can find OER activities in the Pressbook directory. Another repository that has a number of activities is the eCampusOntario H5P Studio.

Using a video from Kaltura in the interactive video activity  

1. Go to Kaltura and download a copy of the video (unless you already have a copy)
2. Upload video into the activity
3. Follow the instructions below to add the captions track

Interactive Video Captions

Part 1: Download the SRT file for the captions

1. Find video on Kaltura
2. Click on “captions”
3. Click on 3 dots at the far right of the srt file and choose “download”

Part 2: Convert the SRT file to a VTT file

Video how-to guide: https://youtu.be/2kJkGwRbxQM

1. Open file manager and find the file [optional: Make a copy of the file at this point if you want a backup of the original]
2. Right click -> select “open with” -> notepad
3. Write WEBVTT at top
4. Make sure each section has captions. (if a section has no captions, put “music” or something. Can’t leave it blank.
5. Use Edit, Replace to replace all commas with periods
6. Save the file and close
7. Pull up file in file manager
   • Note: Make sure file manager is displaying file extensions, if not, go into view and select that option.
8. Edit the file and change the three letter file extension to “.vtt”. (Dismiss the warning message.)

Part 3: Upload the VTT file to H5P Interactive video

1. In H5P Interactive video editor, go to the tab labeled “upload/embed video”
2. Click on “text tracks” dropdown
3. Click the “subtitles” dropdown [do NOT click “add track!”]
4. Click “add” button under track source
5. Upload vtt file
6. Click Save
7. IMPORTANT: Captions will only work in “view” mode. Not in “edit” mode. If you want to check to see if the process worked, you will need to be in “view mode”.

Pressbooks H5P Version 

This is a partner section to the Pressbooks information.

1. To add interactivity
   • Add Interactivity
   • Go to Plugins and Activate H5P
   • Go to H5P Content and then click Add New
     • There are 51 content types
     • Not all of the content types are accessible
     • Check the accessibility chart for details
   • Click Get or Details
   • When you click Details, you can select the content demo
   • Tutorials for the content types
   • Add H5P to pressbook pages using “Add H5P”
2. To add grade passback to a book, you must “register” the book
   • Ask Shawn/fill out request for your book
   • Make sure the book is enabled
   • Create your graded activity
   • Place the activity on a pb page
   • Make sure that you have completed the activity at least once so that you have a score
   • Include in Score Report
   • Save the page
   • If you only have one assignment
     • Copy the launch URL on the pb page
     • Paste the URL in the external tool field on your Canvas assignment page
   • If you have a larger number of assignments
     • Make sure that the pags have “Show in exports” checked
     • Export > Import content > Select > Common Cartridge 1.x Package > Choose imscc file > select content > import
   • Your pages and assignments will show on the module page
3. Example book: Rebecca’s Pressbook Examples