Jan 08 2021 02:44 AM
Jan 08 2021 02:44 AM
H5P has wonderful HTML5 interactive objects that bring delight to any digital content creating teacher's heart. With many educators committing to Ms Teams for blended learning delivery, the challenge is how can one bring this content into Ms Teams? Now for some good news/bad news.
Microsoft has just announced that it is now possible to embed H5P interactive content right into OneNote. Unfortunately, this is only possible using content which is hosted on H5P.com (related to H5P.org) which is a paid SaaS (Software as a Service) platform. The yearly amount is not trivial (starting at $570 for three authors) and for many would be a hurdle too high.
However, there is a way to integrate H5P content hosted on your own WordPress or Drupal (CMS) H5P enabled site, with Ms Teams. A word of caution here: I'm not referring to WordPress sites that are hosted on WordPress.com. I'm referring to WordPress installations that are hosted by Web hosting companies such as Bluehost. You may already have such a site or you could sign up to a web hosting company and create one. The cost will be much less than $570 per annum.
The way to integrate self hosted H5P content is to embed it on a SharePoint page as an Embed web part. There are a couple of settings that you need to change to make this to work. The best (and easiest) explanation I have found for making these settings is by Greg at the SharePoint Maven. I also changed the "Allow custom scripts" setting for my tenant. See my post here.
Obviously this approach is based on the SharePoint integration with Ms Teams, where you can then add your SharePoint pages as tabs to your Teams channels.
The upshot of all this is that it is possible to integrate the wonderful interactive content from H5P with Ms Teams!
Jan 10 2021 12:05 AM
Jan 11 2021 11:50 PM
Jan 12 2021 12:49 PM
@Profe71 "Probably that's not new..."
I'm not sure whether you are referring to my post about using H5P embed code on a SharePoint page or to Lumi Education. However, if you are referring to my post - I agree, that is probably not new - I'm just drawing people's attention to it. Now, if you were referring to Lumi Education on the other hand, I believe it is quite new. I have just downloaded and installed their latest version and followed their tweets. They announced yesterday that it is now possible to export H5P content from their desktop app, to HTML, which you can distribute - as you have said - even with email. That is great news!
Thank you, for the heads up! I'm definitely going to play around with H5P and Lumi Education. It opens up great possibilities.
Jan 14 2021 01:45 PM
@Profe71 So I have installed the Lumi H5P Editor. It works very simply and is a nice off-line method for developing H5P content. One can then export it to an html file.
What I have not yet discovered is how to easily integrate the resultant html file with Microsoft Teams. It can simply be stored somewhere and be opened with a browser but ideally one wants to display it somewhere, in a tab or a post or on a SharePoint page. I haven't been successful with that.
Mar 17 2021 06:24 AM
Mar 30 2021 10:22 AM
@Marius PretoriusA little aside to this discussion. We are using Moodle integration with Teams and SSO to enable a more functional LMS experience. Moodle has H5P integration. Obviously, this requires setting up and hosting a Moodle server (not insignificant), but is a way to integrate the H5P content more directly into the course content and student access through Teams.
Apr 01 2021 03:55 PM
Thanks @Profe71 for the suggestion of Lumi Education. Very nice and simple interface that works as advertised.
@Marius PretoriusI have managed to embed the resulting html file into the tab of a Team as seen below by using a strategy suggested in the comments of this Uservoice Request https://microsoftteams.uservoice.com/forums/555103-public/suggestions/37349302-host-local-html-via-t...
The steps are: