Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

React Native Play RTSP Stream from IP Camera [closed]

I would like to play video stream (h264) through RTSP protocol from IP/Network in iOS device. I am using React Native.

I have tried several React Native packages as below, but not manage to make it work.

  • react-native-vlcplayer
  • react-native-pili
  • react-native-pxplayer

The closest package that I think might work is react-native-vlcplayer, but it seems to be abandoned.

Any recommendation?

Thank you

like image 358
Sem Avatar asked Aug 21 '17 08:08

Sem


People also ask

How do I access my camera through RTSP?

Before you have your RTSP address entered, you're going to go into the web interface for the camera you're going to be streaming and go to “Set Up”, “Network”, and then “Port.” You need to make sure your RTSP Port is set to 554. This should be the default setting, but it doesn't hurt to check before you get going!

How do I play RTSP video streaming?

Step 1: Download and install VLC Player from http://www.videolan.org/vlc/. Step 2: Open VLC player and select“Open Network Stream”from the Media menu. Step 3: Type the network URL in the dialog box below, and then click Play to play the video with RTSP stream.

Is Onvif the same as RTSP?

RTSP is a media streaming protocol that has limited control on how this streaming shall be done. Whereas, ONVIF protocol is to ensure compatibility of various surveillance devices i-e IP cameras, centralized servers and storage devices through bridging servers.


1 Answers

You can use react-native-vlcplayer for streaming from the IP camera on iOS and react-native-vlc-player for streaming on Android.

When you do "react-native link", don't forget to check the header search path and framework search path inside the RTVLCPlayer sub project. It is generally hardcoded. Change it accordingly and your code should work.

You can also refer this link if you are building on iOS.

like image 97
user2101977 Avatar answered Oct 04 '22 09:10

user2101977