React support
Submitted by samchinnu on Tue, 09/06/2022 - 13:24
Forums:
Hi,
Is there any possibilty to use H5P components in react and react native?
I need to implement H5P in our react project. I tried using with iframe but there are some use case we cant achieve through this method.
Is there any other way we can use H5P in react project.
Thanks.
otacke
Wed, 09/07/2022 - 02:20
Permalink
Hi!I might have an answer
Hi!
I might have an answer here, but given that our former conversation was rather a one-way-street with you not answering, I prefer to not help anymore.
Best,
Oliver
samchinnu
Wed, 09/07/2022 - 06:57
Permalink
Sorry for that.
Just now i checked it. I didnt figured out that one. Thats why i need help for using h5p in react.
samchinnu
Wed, 09/07/2022 - 09:38
Permalink
Sorry for that.
Just now i check the reply. I cant fix the issue using iframe. So i need some help integrating h5p components in react. Please let me know if there is any possible way
otacke
Wed, 09/07/2022 - 14:24
Permalink
Hey!H5P content types are
Hey!
H5P content types are mere JavaScript and so is most part of the H5P core. It should not be hard to wrap that in a React component. However, H5P needs an integration to run on. Most of the current ones are written in PHP and so is the other part of H5P core. You'd need to port that to ReactNative and write your own H5P integration in ReactNative. Quite an endeavor.
Cheers,
Oliver
samchinnu
Wed, 09/07/2022 - 14:27
Permalink
Thanks for your reply
So you mean i n eed to figure out the and create react plugin like a php plugin for editor?
otacke
Wed, 09/07/2022 - 16:42
Permalink
Hi!That would mean toport the
Hi!
That would mean to
Cheers,
Oliver
samchinnu
Wed, 09/07/2022 - 16:43
Permalink
Thanks for your support.
I will try to implement this and let you know once i completed.
samchinnu
Thu, 10/20/2022 - 08:40
Permalink
Hi
I completed this. I integrated H5P editor and player in my react js web app for react native using iframe only.
otacke
Thu, 10/20/2022 - 09:59
Permalink
Good for you!
Good for you!