Forum Discussion
H5P Interactive Content Teams Integration
MariusPretorius Probably that's not new, but to all those who "arrived" here because they googled the topic, here is a nice link to a software with which you can create h5p content and export it to html and just mail it to your students, share it via cloud etc. https://next.lumi.education/
- MariusPretoriusJan 14, 2021Iron Contributor
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.
- myozdenMar 17, 2021Copper ContributorHi;
I have created a content by using Lumi H5P Editor (like Marius Pretorius) and placed a hosting site (running my Moodle + Teams SSO) (https://LearnOnTeams.online OR https://benimokulumbulutta.online)
https://benimokulumbulutta.online/H5P/computerharware.html (H5P content)
If you Add a Tab (WEB Site) by giving this link while using MS-Tems, it is working (try it)
have a nice time.
- MariusPretoriusJan 12, 2021Iron Contributor
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.
- millerblairApr 01, 2021Iron Contributor
Thanks Profe71 for the suggestion of Lumi Education. Very nice and simple interface that works as advertised.
MariusPretoriusI 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-teams-tab
The steps are:- Create the H5P content and export the HTML file with Lumi Education
- Change the file extension to aspx, which makes it a SharePoint page (no need to change anything else in the HTML code as far as I can tell).
- If not already saved in a OneDrive folder, upload the file to OneDrive
- As this is a SharePoint page, OneDrive will recognise that it shouldn't be shared outside the organisation, so you need to give permission to the Team members in the Team where you will embed it. Click on the three dots beside the filename in OneDrive>Manage Access. Click the + sign in the 'Manage Access' panel at right to grant access and Type in the name of the Group/Team that you want to be able to view the content. Change to 'Can view' and click 'Grant Access'. Repeat this access granting step for all Teams that may need to view the content.
- Close the Manage Access panel, click on the 3 dots beside the filename>Copy Link
- Go to the Team>Add a Tab to the channel>Website and paste in the OneDrive link
- Your H5P content will now be embedded though it may ask users to sign in with their credentials to authenticate when the tab loads. I found this is only a problem in the desktop app when multiple accounts from the domain are connected to Windows.
The embedded tab:
I tried a bunch of other workarounds to try and embed it as a SharePoint page within the Team to no avail.
- MariusPretoriusJul 23, 2021Iron Contributor
millerblair Thank you for your contribution to this discussion. I am again experimenting with this and currently I'm getting the same result as diafol470 .
I placed the .aspx file in a new SharePoint document library of my team and when adding the link to a tab in the same team, I get the the same result as the screenshot that diafol470 posted.
Do you have any pointers? I am the admin of our tenant - so I can make changes if need be.