React support

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

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 

Just now i checked it. I didnt figured out that one. Thats why i need help for using h5p in react.

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

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

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

otacke's picture

Hi!

That would mean to

Cheers,
Oliver

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

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

otacke's picture

Good for you!