OneNote integration

Submitted by davytheteacher on Thu, 08/29/2019 - 17:01

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.

Jesslyndw

Sat, 04/25/2020 - 00:56

Permalink

Teams Integration

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

Kcarter

Sat, 04/25/2020 - 06:27

Permalink

MS Teams and OneNote

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

Mrs_Thurner

Sat, 04/25/2020 - 09:09

Permalink

+1

+1

lkoster

Sat, 04/25/2020 - 14:59

Permalink

Agree OneNote and Teams would be awesome

Agree OneNote and Teams would be awesome

LeBoogy

Sun, 04/26/2020 - 14:34

Permalink

Yes! Better in Teams

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

Permalink

Demokurs_Aufgabe

Berg

H5P file:
Attachments:
Image icon Screenshot (3).png

dabelstein

Sat, 04/25/2020 - 01:10

Permalink

Yes, please oembed

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

Firmlager99

Sat, 04/25/2020 - 01:12

Permalink

Embed

Embed it, please!!!

nathanabourbih

Sat, 04/25/2020 - 05:22

Permalink

Yes please

Yes please add this functionality.

lernkiste

Sat, 04/25/2020 - 08:58

Permalink

+1 for this feature, would be

+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

Permalink

This needs to happen!

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

Sat, 04/25/2020 - 22:28

Permalink

I wonder why you're bashing

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

Permalink

Yes please!

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

Marie-Fr

Sat, 04/25/2020 - 18:48

Permalink

Yes please !!

Yes please !!

mrjarbenne

Sat, 04/25/2020 - 19:14

Permalink

What Is the Actual Request?

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

Sat, 04/25/2020 - 19:31

Permalink

Hi all!So, Microsoft doesn't

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

Mon, 04/27/2020 - 19:37

Permalink

Hi Everyone,It looks like

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

Tue, 04/28/2020 - 12:40

Permalink

This feature is now climbing

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

Permalink

Think of the possibilites

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

Wed, 05/20/2020 - 15:58

Permalink

Implemented

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

Permalink

any news yet on the

any news yet on the implementation?

BV52

Tue, 07/07/2020 - 19:51

Permalink

Hi Elisa,Sorry no updates yet

Hi Elisa,

Sorry no updates yet on when this will be implemented.

-BV

PipEdTech

Wed, 05/20/2020 - 22:47

Permalink

H5P OneNote Integration

Great idea

Please count my vote to support this development

amanda_white_UTS

Thu, 07/23/2020 - 03:24

Permalink

Another vote for a H5P OneNote integration!

Hopefully this integration is prepared soon!

RekaAarnos

Tue, 09/29/2020 - 09:13

Permalink

This feature would be great,

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

Tue, 09/29/2020 - 11:49

Permalink

Hi RekaAarnos!Have you

Hi RekaAarnos!

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

Best,
Oliver

falcon

Thu, 01/07/2021 - 15:44

Permalink

It is correct. It is now

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

Mon, 01/18/2021 - 01:27

Permalink

Hi all!I had a look at the

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

Permalink

Hi everyone,Quick fix for

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

Permalink

Hi Oliver,This looks good!!

Hi Oliver,

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

Thanks for all the great contributions!!!

otacke

Mon, 01/18/2021 - 10:48

Permalink

Hi!That's probably not more

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

Permalink

Awesome!! I never thought of

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

Thu, 01/21/2021 - 19:55

Permalink

Well, I don't know if it

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

Permalink

This fix will only take a

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

otacke

Thu, 01/21/2021 - 19:49

Permalink

Hi!Actually, oEmbed is a way

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

Permalink

apologies again I meant for

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

Thu, 01/21/2021 - 20:42

Permalink

Ah, I see, sorry!

Ah, I see, sorry!

Enkerli

Mon, 03/08/2021 - 16:41

Permalink

Testing H5P Embeds?

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

Mon, 03/08/2021 - 22:56

Permalink

Hi Enkerli!You should be able

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

Permalink

Embedding Self-Hosted H5P

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

Tue, 03/09/2021 - 15:39

Permalink

Hi Enkerli!How would you

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