H5p using react
Submitted by kvborle on Thu, 03/08/2018 - 11:46
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
Mon, 03/12/2018 - 13:42
Hi,You're not allowed to
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.
Mon, 03/12/2018 - 14:31
Hi,But as on h5p.org, it is
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.
Tue, 03/13/2018 - 17:59
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.
Wed, 03/14/2018 - 06:56
Hi,Thanks for the info,I've
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.
Thu, 03/15/2018 - 13:28
Hi,Yes, our core is in PHP so
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.
Thu, 03/15/2018 - 13:44
Thanks for the help
Mon, 07/09/2018 - 20:22
How do I host a .h5p file on
How do I host a .h5p file on a h5p CLI server to embed it and use it in my react project without using Moodle, Drupal or Joomla?
Tue, 07/10/2018 - 09:10
Hi nshah!You can see how it
You can see how it works in action in the recording of a developer webinar.
Tue, 07/10/2018 - 14:34
Thank you so much Oliver! It
Thank you so much Oliver! It was very helpful.
Tue, 07/10/2018 - 14:35
Hi Niyati!Glad I could be of
Glad I could be of assistance!