OneNote integration

Submitted by davytheteacher on Thu, 08/29/2019 - 17:01
davytheteacher's picture
Forums: 
Feature requests

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: 
Closed
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.

Jesslyndw

Sat, 04/25/2020 - 00:56

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

Kcarter's picture

Kcarter

Sat, 04/25/2020 - 06:27

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

Mrs_Thurner

Sat, 04/25/2020 - 09:09

+1

lkoster

Sat, 04/25/2020 - 14:59

Agree OneNote and Teams would be awesome

LeBoogy

Sun, 04/26/2020 - 14:34

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?)

klettern

Sat, 05/16/2020 - 10:24

Berg

H5P file: 
Binary Data woher-kommen-vorurteile-705748.h5p
Attachments: 
Image icon Screenshot (3).png

dabelstein

Sat, 04/25/2020 - 01:10

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

Firmlager99

Sat, 04/25/2020 - 01:12

Embed it, please!!!

nathanabourbih

Sat, 04/25/2020 - 05:22

Yes please add this functionality.

lernkiste

Sat, 04/25/2020 - 08:58

+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.

Dmunday

Sat, 04/25/2020 - 15:40

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

otacke

Sat, 04/25/2020 - 22:28

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 

JonBriggs

Sat, 04/25/2020 - 18:42

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

Marie-Fr

Sat, 04/25/2020 - 18:48

Yes please !!

mrjarbenne

Sat, 04/25/2020 - 19:14

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

otacke

Sat, 04/25/2020 - 19:31

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

BV52

Mon, 04/27/2020 - 19:37

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

falcon

Tue, 04/28/2020 - 12:40

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).

wizard

Sun, 05/10/2020 - 19:26

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

falcon

Wed, 05/20/2020 - 15:58

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.)

elisa.castelein

Tue, 07/07/2020 - 14:11

any news yet on the implementation?

BV52's picture

BV52

Tue, 07/07/2020 - 19:51

Hi Elisa,

Sorry no updates yet on when this will be implemented.

-BV

PipEdTech

Wed, 05/20/2020 - 22:47

Great idea

Please count my vote to support this development 

amanda_white_UTS

Thu, 07/23/2020 - 03:24

Hopefully this integration is prepared soon! 

RekaAarnos

Tue, 09/29/2020 - 09:13

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

otacke

Tue, 09/29/2020 - 11:49

Hi RekaAarnos!

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

Best,
Oliver

rsoakford

Thu, 01/07/2021 - 11:00

Looks like #Microsoft have implemented native OneNote embed for H5P content!

https://techcommunity.microsoft.com/t5/education-blog/announcing-new-h5p...

https://support.microsoft.com/en-us/office/embed-content-in-onenote-fd5a...

falcon's picture

falcon

Thu, 01/07/2021 - 15:44

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

otacke

Mon, 01/18/2021 - 01:27

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 

farrisimin

Tue, 01/12/2021 - 15:25

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.

farrisimin

Mon, 01/18/2021 - 06:06

Hi Oliver,

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

Thanks for all the great contributions!!!

 

otacke's picture

otacke

Mon, 01/18/2021 - 10:48

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

farrisimin

Thu, 01/21/2021 - 17:20

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

otacke

Thu, 01/21/2021 - 19:55

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.

farrisimin

Thu, 01/21/2021 - 17:35

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

otacke

Thu, 01/21/2021 - 19:49

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

farrisimin

Thu, 01/21/2021 - 20:16

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

otacke

Thu, 01/21/2021 - 20:42

Ah, I see, sorry!

Enkerli

Mon, 03/08/2021 - 16:41

Oliver,

Thanks for sharing that oEmbed hack. (After all, isn't this what OERs are all about?)

Some profs in my network are interesting in embedding self-hosted H5P content in OneNote and other platforms. Two fairly obvious sources to do these tests would be Pressbooks (e.g. modules found in this chapter) and eCampus Ontario's H5P Studio. It doesn't sound like either of those currently support oEmbed so I might contact both teams about that.

In the meantime, does anyone have an example of H5P content that we can embed easily, to demo the feature? It's often easier to get people involved if they can perceive where things are heading.

otacke's picture

otacke

Mon, 03/08/2021 - 22:56

Hi Enkerli!

You should be able to use any content from H5P.com that allows embedding including that of trial accounts.

Best,

Oliver 

Best,

Oliver 

 

Enkerli

Tue, 03/09/2021 - 15:12

Thanks, Oliver. Was thinking more of an example outside of H5P.com (especially given the time constraints). My parent organization might eventually license H5P.com but it's difficult to predict the timeframe.

I tried using your fork of the H5P plugin for WP and ran into issues. It sounds like it could be ideal if it worked.

otacke's picture

otacke

Tue, 03/09/2021 - 15:39

Hi Enkerli!

How would you demonstrate oEmbedding H5P content from a different platform than H5P.com if there's no other platform that supports oEmbedding H5P? And you can always use a trial license for testing.

What issue did you run into?

Best,
Oliver