Developer guide

In the developer guide the most important things you will learn are:

How to develop your own H5P content types
How to customize or extend H5P without changing the H5P code
How to integrate H5P with a new platform

Creatives contributing to the development of the H5P Software is the heart and blood of the H5P Community. H5P is only as good as the user experience it provides. An experience created by an ever growing community.

In this guide we try to collect the best resources needed to become an H5P Developer:

Comments

jimmywong

Sun, 07/23/2017 - 19:29

Permalink

Interactive video

I show interest in Interactive video and hope to integrate in Moodle. What can I do?

BV52

Mon, 07/24/2017 - 07:18

Permalink

Welcome to H5P

Hi jimmywong,

Welcome to H5P. You just have to install H5P in Moodle to be able to use it. You read more about it here.

-BV52

Jenny.hough

Tue, 09/05/2017 - 22:22

Permalink

Canvas Integration

Any chance you there will be a Canvas LTI option soon?

BV52

Wed, 09/06/2017 - 07:41

Permalink

Hi Jenny.hough,Canvas LTI is

Hi Jenny.hough,

Canvas LTI is part of the roadmap but we do not have the timeline yet when it will be released.

Also there are several platforms that H5P currently does not support, but that soon will be supported through H5P.com. H5P.com will also integrate third party software to offer support for large videos, math, analytics and storing results in the LMSs.

Canvas will be supported by H5P.com. You can go to H5P.com to learn more and sign up for updates.

-BV52

Jenny.hough

Mon, 10/16/2017 - 23:20

Permalink

Thank you!

Thanks very much for the info! Looking forward that!

kvborle

Thu, 03/08/2018 - 12:49

Permalink

ReactJS integration

How can integrate it with reactjs

thomasmars

Mon, 03/12/2018 - 13:39

Permalink

Speak-the-words is a full

Speak-the-words is a full example of how an H5P content type can be integrated with React.

thiameva

Mon, 08/27/2018 - 18:50

Permalink

h5p angular 2

Can we integrate h5p with angular 2?

thomasmars

Tue, 09/04/2018 - 10:43

Permalink

Hi, you need a backend to

Hi, you need a backend to store and build H5P content. H5P Core is built in PHP, and there are no nodejs ports as far as I am aware. It is entirely possible to build this though with some developer experience.

Kanaan

Sun, 10/14/2018 - 11:25

Permalink

H5p with Laravel

How can integrate it with Laravel?

BV52

Mon, 10/15/2018 - 06:07

Permalink

Hi Kanaan,I recommend trying

Hi Kanaan,

I recommend trying out https://packagist.org/packages/chali5124/laravel-h5p as a starting point if you want to try H5P with Laravel. However be aware that this is not an official integration, so we can't vouch for its support and completeness.

-BV52

sontm2

Thu, 11/22/2018 - 07:35

Permalink

Integrating H5P with React Native

Dear all,

I wonder how I can use (read h5p files) with my app developed for mobile on the react native platform ?

Would you please give me some hints to do that if it is possible

Best regards

icc

Mon, 11/26/2018 - 10:36

Permalink

Hm, I have not heard of

Hm, I have not heard of anyone doing this yet.
My best advice is to look at how the current plugins handle it.

SIHAM SALAM

Sun, 12/02/2018 - 17:06

Permalink

Bonjour,j'ai choisi learnybox

Bonjour,

les exercices crée sur H5P sont il compatible à d'autre plateforme ( learnybox par ex )

MERCI

BV52

Mon, 12/03/2018 - 04:06

Permalink

Hi SIHAM SALAM,If you need to

Hi SIHAM SALAM,

If you need to retrieve the scores and if Learnybox is LTI compliant in theory H5P.com should work. You can sign-up for a free trial here. If you are going to use the contents are learning materials and exercises without having to retrieve the scores you can create the try it out by creating the contents here in H5P.org. You need to retrieve the embed code from the content and insert it to Learnybox where ever it is allowed to include rich-text. I would suggest, that since H5P.org is only used to try out H5P to host your own content by using one of the 3 supported plugins.

Si vous avez besoin de récupérer les partitions et si Learnybox est conforme à la théorie LTI en théorie, H5P.com devrait fonctionner. Vous pouvez vous inscrire pour un essai gratuit ici. Si vous souhaitez utiliser le contenu, c’est le matériel d’apprentissage et les exercices sans avoir à récupérer les partitions, vous pouvez créer l’essayer en créant le contenu ici, sur H5P.org. Vous devez extraire le code d'intégration du contenu et l'insérer dans Learnybox partout où il est autorisé d'inclure du texte enrichi. Je suggérerais que, puisque H5P.org est uniquement utilisé pour essayer H5P pour héberger votre propre contenu en utilisant l’un des 3 plugins pris en charge. (Traduit avec Google Translate)

-BV52

dschnupp

Thu, 03/07/2019 - 15:03

Permalink

Using Content in Bb

If I wanted to use content in Blackboard (accordion, interactive graphics, presentations, drag and drop, etc.) but I don't need full integration with gradebook because I don't need to collect analytics can I still use H5P and get the HTML code to embed in the course site, or do I need to get it set up as LTI integration first and purchase it as a user?

BV52

Fri, 03/08/2019 - 04:32

Permalink

Hi dschnupp,You can do this

Hi dschnupp,

You can do this but please note that there are plans to remove the embed feature in H5P.org for newly created contents. You can read more about it here.

-BV52

Malabika

Wed, 06/05/2019 - 14:32

Permalink

Software Simulation courses

Would like to know whether it is possible to create Software or Application Simulation cased courses in H2P. If Yes then can you please help me find an exmaple or sample.

harpreetkaur

Tue, 08/06/2019 - 06:33

Permalink

Integratuon in cake php

hey..can you help me in h5p integration in cake php

harpreetkaur

Tue, 08/06/2019 - 06:34

Permalink

Integration in cake php

Hey
can u help me in integration of h5p in cake php

BV52

Tue, 08/06/2019 - 18:48

Permalink

Hi harpreetkaur,I'm no coder

Hi harpreetkaur,

I'm no coder myself but can you please put more details on what you have done so far and what you are having issues with. I'm afraid the community will have a hard time helping if there is not much detail on your request.

-BV52

Ilan D

Wed, 08/14/2019 - 12:45

Permalink

Extending the Interactive video library

I'm a developer, and I have a request from my client to extend the Interactive video library by adding some new features to it. for example:

1) Add an option to change from the editor side, button style, and its background.

2) Add another field to the editor that the user can add dynamic html, css, and js.

I haven't yet explored my options in the developer documentation, but would really appreciate if someone can give me a heads up on this issue.

Thanks!

renata_andrade

Thu, 03/05/2020 - 20:29

Permalink

Duvida

Comei a usar recentemente o moddle e estou monatando o teste de personalidade. Porém, após responder as perguntas, o resultado é sempre com uma mesma personalidade. Me ajudem!