React support

Submitted by samchinnu on Tue, 09/06/2022 - 13:24
Forums: 
General discussion

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's picture

otacke

Wed, 09/07/2022 - 02:20

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

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

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's picture

otacke

Wed, 09/07/2022 - 14:24

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

So you mean i n eed to figure out the and create react plugin like a php plugin for editor?

otacke's picture

otacke

Wed, 09/07/2022 - 16:42

Hi!

That would mean to

Cheers,
Oliver

samchinnu

Wed, 09/07/2022 - 16:43

I will try to implement this and let  you know once i completed.

samchinnu

Thu, 10/20/2022 - 08:40

I completed this. I integrated H5P editor and player in my react js web app for react native using iframe only.

otacke's picture

otacke

Thu, 10/20/2022 - 09:59

Good for you!