OneNote integration

davytheteacher's picture

Hi!

Many teachers are waiting for the OneNote integration of H5P.
On Twitter many teachers are asking for the integration but we had no reaction until now.
On the part of Microsoft are they waiting of H5P. But they also want this to happen as soon as possible!
i would love to connect both sides to make tis magic happen!

Can a developper make work of this magic combination?
It would make my day/week/year and be wounderfull to add my H5P material to my online course! 

Many thanks!

#educationmatters! 

Summary: 
OneNote integration
Issue Status: 
48
0
Supporter votes Members of the Supporter Network can vote for feature requests. When the supporter network has generated sufficient funding for the top voted feature request it will normally be implemented and released. More about the H5P Supporter Network
This feature has been closed and can't be voted on by supporters.

So OneNote is nice, but Teams integration would be even better.

Kcarter's picture

Please add my vote for integration into MS Teams and OneNote. Thank you.

+1

Agree OneNote and Teams would be awesome

eg. as a WebSite or a connector or - even deeper integrated - as a part of the "Aufgaben" (that's the German word. Don't know the englisch Word .... task? ToDo?)

Please add another vote to the oembed (OneNote) request.

Embed it, please!!!

Yes please add this functionality.

+1 for this feature, would be a huge step for teachers who are using OneNote and who are looking to being rich interactive learning materials to their digital notebooks.

It's a shame H5P haven't taken the mass requests via Twitter to make this happen. Having an integration with OneNote and Teams would be amazing, especially in the midst of Covid-19 teaching.

otacke's picture

I wonder why you're bashing the H5P core team here. It's a small company giving you software for free, and they need to give higher priority to features that actually mean an income regardless of how many people ask for free lunch.

Why don't you ask the multi-multi-billion dollar company Microsoft why they can't contribute the required code? In contras to One Note and Teams, H5P is open source software and can be contributed to. Or why don't you ask Microsoft to integrate H5P completely into One Note? Someone did for ILIAS, someone did for Typo3, moodle is close to completion, ...

Best,

Oliver 

OneNote is amazing and having richer interactive content embedded would be incredible. 

Yes please !!

I've upvoted this, because I think the 30 000 ft idea of having H5P and OneNote (and some have also mentioned MS Teams) working together would be awesome; but I admit to being a bit confused about what the request is actually asking the H5P devs to create.

H5P already supports embedding content. Depending on how you share it you can grab an iframe embed directly from the footer of an embedded H5P interactive. This embed works in a wide variety of Learning Management Systems and blogging platforms that provide more permissive embed settings.

Microsoft doesn't provide support for users to leverage embed codes in OneNote. Instead they leverage oEmbed to provide a short list of allowable embed codes. Learn more about oEmbed here (https://www.smashingmagazine.com/2019/11/programmatically-discovering-sh...). I think this is the current list of allowable oEmbed endpoints that work in OneNote: https://support.office.com/en-us/article/embed-content-in-onenote-fd5abf...

If OneNote supported a more broad oEmbed Discovery protocol, any web tool with oEmbed functionality could potentially be displayed. WordPress supports oEmbed more robustly, and has a good doc on how it works in their software, that shows what's possible beyond a small list: https://wordpress.org/support/article/embeds/#what-about-oembed-discovery

In Teams the embed functionality is even more limited as far as I can tell. Even a popular platform like YouTube requires a Teams app to be enabled in order to populate a channel with rich content, and the resulting "card" isn't an embed, just a fancy Open Graph-style link that takes you out to YouTube's website, rather than allowing direct viewing and interacting with content within the context of a channel: https://techcommunity.microsoft.com/t5/microsoft-teams/using-embed-featu...

So in my mind the request needs to be either more broad:

Enable oEmbed Discovery Support for H5P

This would provide the necessary endpoint for OneNote to add the H5P domain to their list of allowable oEmbed endpoints. It would also probably receive more widespread support from the H5P community because it helps a more broad user group beyond the Microsoft users.

OR

Allow iframe embeds in OneNote (and Teams)

This request doesn't belong on the H5P website, but over on the OneNote Uservoice forum, so we should be redirecting everyone to this page instead: https://onenote.uservoice.com/forums/362784-education/suggestions/360890...

Both of these options still wouldn't assist those of us who host our own instance of H5P, and therefore have a custom domain in the embed code rather than the h5p.org or h5p.com that would be necessarily added to a OneNote oembed shortlist in the absence of supporting iframe embeds in OneNote. Allowing admin to expand the oEmbed list within their Sharepoint-domain-hosted OneNote notebooks would be required to make that happen, which would again need to be redirected as a feature request to Microsoft forums, rather than H5P forums.

Unless I'm missing something. Happy to be corrected.

otacke's picture

Hi all!

So, Microsoft doesn't support iframes, a common way to embed H5P content virtually anywhere. And now the H5P core team is urged to implement oEmbed?

Why put pressure on David instead of Goliath? If Microsoft is really interested in helping their OneNote and Teams users, I am sure they can spare a developer to either support iframes on their end or to contribute the code to the open H5P code base.

Best,

Oliver 

BV52's picture

Hi Everyone,

It looks like this particular feature request has picked up some supporters in the past few days. There are several scenarios I can think of for this to happen.

  1. Microsoft supports/allows H5P to be used (most likely unlocks for a lot of their products).
  2. The core team creates the feature (highly unlikely in the near future since this is not part of their roadmap)
  3. Crowdfund and find a developer to create the feature (fastest route)

-BV

falcon's picture

This feature is now climbing to the top of the feature request list and will be implemented. We're now waiting for Microsoft to send us an email to plan the integration (they have promissed to so, so it is probably coming soon).

This would make OneNote and TEAMS more out of this world and let me be so much more creative. I really hope this happens.

falcon's picture

We've implemented this feature and sent a test-URL to Microsoft. They will verify that it works and hopefully approve it for OneNote.

(Do note that any self-hosters looking to get a OneNote integration for their site must add an OEmbed plugin/module to their site and get their domain whitelisted for OneNote.)

any news yet on the implementation?

BV52's picture

Hi Elisa,

Sorry no updates yet on when this will be implemented.

-BV

Great idea

Please count my vote to support this development 

Hopefully this integration is prepared soon! 

This feature would be great, my adult students are learning how to read and write and Moodle is very difficult for them. We have been working with MS Teams for a while now, and they are able to work with it quite well. But I really miss H5P-templates and easy-to-use tasks. 

 

otacke's picture

Hi RekaAarnos!

Have you already contacted Microsoft? I think it's their cup of tea to add features to their products.

Best,
Oliver

falcon's picture

It is correct. It is now possible to embed H5P.com content in OneNote by pasting a URL.

As mentioned above the OneNote integration uses OEmbed so for self hosters the integration involves adding OEmbed support on the site that is to provide the content and Microsoft needs to allow list that site (and then there is testing and tuning of course). 

otacke's picture

Hi all!

I had a look at the OEmbed specification today and hacked away a little. Seems to run fairly well via WordPress now by using the H5P iframe embed for oembedding. Feel free to play with it (https://github.com/otacke/h5p-wordpress-plugin/tree/oembed-test) if you have a site that supports OEmbed and allows to define custom providers.

Best,

Oliver 

Hi everyone,

Quick fix for people like myself self hosting and in need of this cool feature MS has released a clipper tool for embeding files into onenote from anywhere...

 

https://www.onenote.com/clipper/installed?clientType=FirefoxExtension&cl...

one catch it will need to be added by admin if you are part of school.

Best of luck.

Hi Oliver,

This looks good!! Would there be any similar options for drupal?

Thanks for all the great contributions!!!

 

otacke's picture

Hi!

That's probably not more complicated than for WordPress. It's not that much code, but for me it was just some afternoon exercise (learning about the oEmbed specification) and my implementation may still lack detail work (e.g. combining it with https://github.com/otacke/h5p-sharing so retrieving the link gets easier). Others are invited to create their own take on it, of course! I am not sure though, if there's a solid use case if OneNote was the main target and if custom providers cannot be added there. I am also not sure if oEmbed support might be a reason why people decide to use H5P.com, and I wouldn't want to hurt H5P funding intentionally.

Best,
Oliver

Awesome!! I never thought of it in terms of hurting h5p. You know that the h5p team and community is so appreciated world wide!!! I literally love everyone here!!!

Cheers,

otacke's picture

Well, I don't know if it would hurt. But if having oEmbed on H5P.com exclusively leads to people signing up for H5P.com because they just want that one feature, having it in all the other plugins for free might lead them to just use WordPress or Drupal instead to host the content and oEmbed it elsewhere - without signing up to H5P.com and not funding H5P development.

This fix will only take a screen shot from a page!! and here I thought will embed a part of a page!! apologies..

otacke's picture

Hi!

Actually, oEmbed is a way to embed a (customizable) representation of some other webpage, not just a screenshot. And you don't have to enter some <iframe> HTML code, but the code necessary to display the content can be retrieved automatically when you enter a URL of a page that acts as an oEmbed provider. That's what you see in https://h5p.org/november-2020s-release-note, but it's only implemented on H5P.com, not in the plugins.

My patch to the WordPress plugin adds the same feature set: You can take the plain embed URL from some H5P content on a WordPress site (without all the <iframe>/<script> overhead) and paste it to another site that supports oEmbed (as a client). By checking the URL, it will find another URL to a so called endpoint (also on WordPress) for oEmbed. The other site can call that URL and will get some oEmbed information containing (among other things) the HTML code that should be included. That code infact only embeds the H5P content in this case, but it could also wrap it in some other stuff, it could be the metadata of the content type, ... It's not taking a screenshot.

Cheers,
Oliver

apologies again I meant for the clippers plugin... by microsoft it only takes a screen shot!! as for the h5p.com oembed I seen it work and I was amazed because it is interactive!!! it is diffentaly a step up for ms onenote...

otacke's picture

Ah, I see, sorry!