Need help with react-native-live-stream-rtmp-example?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

sieuhuflit
156 Stars 68 Forks 50 Commits 7 Opened issues

Description

React native live stream using RTMP

Services available

!
?

Need anything else?

Contributors list

# 321,285
JavaScr...
Shell
HTML
time-tr...
1 commit

React native live stream RTMP Example

An example live stream rtmp application using React native

Demo v2

Note: Here is demo for version 2.0

Demo v1

Note: Here is demo for version 1.0

| 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

yarn run 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

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.