Streamedian / html5_rtsp_player

Play RTSP stream from IP camera in browser in this HTML5 player without plugins
Apache License 2.0
2.55k stars 590 forks source link

How to use/install html5_rtsp_player for react/nextjs #195

Open welanderr opened 5 months ago

welanderr commented 5 months ago

I Am trying to use the instructions but they are not much help, can someone please help me?

MakdDevelop commented 5 months ago

This is link for React example https://streamedian.com/cabinet/downloads/example/reactapp

ShafSpecs commented 1 month ago

This is link for React example https://streamedian.com/cabinet/downloads/example/reactapp

The react example needs updating and is very broken atm. It still uses class components, and the player is confusing (not simple enough) - I am not sure what does what. I am also not sure about the model, I saw something about pricing? Not certain. I am looking for an RTSP video client I can use in the browser. I have handled all the rest and just need a package to give me the basics to build something

victorgrenke commented 1 month ago

This is link for React example https://streamedian.com/cabinet/downloads/example/reactapp

The react example needs updating and is very broken atm.

Your message is not informative. What exactly needs to be updated in react component?

ShafSpecs commented 1 month ago

This is link for React example https://streamedian.com/cabinet/downloads/example/reactapp

The react example needs updating and is very broken atm.

Your message is not informative. What exactly needs to be updated in react component?

react-scripts, which is being used in the project, has been deprecated and doesn't start up on node 20+. The components are all pre-react 16.8, some of which are no longer in use like class components.

What I mean by needing update is that the example needs to be upgraded to react 18.x and moved away from react-scripts. The example also needs to be smaller, as when I migrated it myself and launched it, a lot of errors were thrown from files I was not sure about. Thank you