React native live stream RTMP Example

An example live stream shopping rtmp application using React native.

Fork from : sieuhuflit/react-native-live-stream-rtmp-example

Demo

*Note: Product listing is not implemented

Streamer	Viewer

Feature

• ✅ Live Stream with input username account
• ✅ The video can replay
• ✅ Live update status when Pending, On Live, and Finish live streaming process
• ✅ Streamer and viewer can chat and send heart when livestream

Teachnology using

• Using node-media-server

Getting Started

We need the RTMP server first. Download the repository below and follow the README information.

Server : https://github.com/sieuhuflit/live-tream-rtmp-server

Config

Then we check the src/config.js to edit the server information. Fill in your localhost server information (Ip address, Port)

export const SOCKET_IO_SERVER = 'http://192.168.5.143:3333'; // Edit this
export const RTMP_SERVER = 'rtmp://192.168.5.143'; // Edit this

Install package

yarn install

Running the App

iOS

yarn run ios

Android

export ANDROID_SDK_ROOT=/Users/{{your user}}/Library/Android/sdk

adb reverse tcp:3333 tcp:3333

yarn run android

Common problem

1/ Can't replay video.

Make sure you are following live stream server step. Install ffmpeg and do extra step to Replay live stream video

License

MIT