H5p using react

Submitted by kvborle on Thu, 03/08/2018 - 11:46

Forums:

Hi guys,

I tried to create new interactive content using .h5p file. I have uploaded the file successfully, however, I'm not able to save it as I'm getting an error "You must choose an H5P content type or upload an H5P file.".

I tried to create it on https://h5p.org/node/add/h5p-content

Thank you

H5P file:

greeter.h5p

Attachments:

Screen Shot 2018-03-08 at 8.04.07 PM.png

thomasmars

Mon, 03/12/2018 - 13:42

Permalink

Hi,You're not allowed to

Hi,
You're not allowed to upload new libraries to h5p.org for security reasons. Please try to upload it at your own local development site and see if you get the same message.

kvborle

Mon, 03/12/2018 - 14:31

Permalink

Hi,But as on h5p.org, it is

Hi,
But as on h5p.org, it is written that h5p is completely free and open source technology, so I should have been able to upload new content. If it is not possible at all, can you provide me some steps on how to upload it on a local development site which is built using react.

thomasmars

Tue, 03/13/2018 - 17:59

Permalink

Hi, being open source and

Hi, being open source and allowing anyone to upload content is not equivalent. Allowing this would open h5p.org up to malicious attacks.
Installation & setup steps for setting up a local development site can be found in our documentation. Please let us know what you've tried so far and where you are stuck if you need help.

kvborle

Wed, 03/14/2018 - 06:56

Permalink

Hi,Thanks for the info,I've

Hi,

Thanks for the info,
I've created new content on h5p.org and embed it in my Reactjs app using an iframe and this works fine. I've also created ".h5p" file which I want to use in my Reactjs project. So I want steps on how to use this ".h5p" file in Reactjs (if possible) because I want to gather user data. And the documentation provided on "h5p.org" only helps us on how to use it with Drupal, Moodle or WordPress.

thomasmars

Thu, 03/15/2018 - 13:28

Permalink

Hi,Yes, our core is in PHP so

Hi,
Yes, our core is in PHP so we don't have an integration directly with node if you want to run it on a Node backend. The ".h5p" file can thus not be used directly within your React project. What you can do is upload the ".h5p" file to a server that supports H5Ps and then embed the view within your React app. See "upload existing content" and "embed content" for more info on how to achieve this.