All Projects → sieuhuflit → React Native Live Stream Rtmp Example

sieuhuflit / React Native Live Stream Rtmp Example

React native live stream using RTMP

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to React Native Live Stream Rtmp Example

tms
tms(toy media server) is a toy media server for myself learning media develop. Just for fun.
Stars: ✭ 29 (-81.99%)
Mutual labels:  livestream, rtmp, rtmp-server
Docker Multistreamer
Dockerized multistreamer
Stars: ✭ 90 (-44.1%)
Mutual labels:  livestream, rtmp, rtmp-server
Blss
NGINX-based Live Media Streaming Server
Stars: ✭ 187 (+16.15%)
Mutual labels:  livestream, rtmp, rtmp-server
Pingos
Based on the NGINX/RTMP/HTTP-FLV/HTTP-TS/HLS/HLS+/DASH/H.264/H.265/AAC/MP3/Live/Record/VOD/Push/Pull/Multiple Processes/Dynamic Configuration/Configuration Variables/Console Interface/Notify
Stars: ✭ 527 (+227.33%)
Mutual labels:  rtmp, rtmp-server
Gortmp
rtmp server for windows, mac, linux, android. (mpegts hls)
Stars: ✭ 131 (-18.63%)
Mutual labels:  rtmp, rtmp-server
Owncast
Take control over your live stream video by running it yourself. Streaming + chat out of the box.
Stars: ✭ 5,382 (+3242.86%)
Mutual labels:  livestream, rtmp
Monibuca
🧩 Monibuca is a Modularized, Extensible framework for building Streaming Server
Stars: ✭ 307 (+90.68%)
Mutual labels:  livestream, rtmp
Rtmp
Server implementation of Adobe's RTMP 1.0 protocol in Go.
Stars: ✭ 129 (-19.88%)
Mutual labels:  rtmp, rtmp-server
Livego
live video streaming server in golang
Stars: ✭ 7,312 (+4441.61%)
Mutual labels:  livestream, rtmp
Rtsp Simple Server
ready-to-use RTSP / RTMP server and proxy that allows to read, publish and proxy video and audio streams
Stars: ✭ 882 (+447.83%)
Mutual labels:  rtmp, rtmp-server
Javelin
[Mirror] RTMP streaming server written in Rust
Stars: ✭ 77 (-52.17%)
Mutual labels:  rtmp, rtmp-server
Streaming Room
Streaming room in Node.js, rtmp, hsl, html5 videojs player
Stars: ✭ 106 (-34.16%)
Mutual labels:  rtmp, rtmp-server
Evilslive
This project is a SDK about video stream live
Stars: ✭ 420 (+160.87%)
Mutual labels:  livestream, rtmp
Node Media Server
A Node.js implementation of RTMP/HTTP-FLV/WS-FLV/HLS/DASH/MP4 Media Server
Stars: ✭ 4,433 (+2653.42%)
Mutual labels:  livestream, rtmp
Gortmp
Implement RTMP protocol by golang
Stars: ✭ 466 (+189.44%)
Mutual labels:  rtmp, rtmp-server
Node Stream
RTMP server in Nodejs for live streaming.
Stars: ✭ 320 (+98.76%)
Mutual labels:  livestream, rtmp
Go Oryx
The go-oryx is SRS++, focus on real-time live streaming load-balancer.
Stars: ✭ 608 (+277.64%)
Mutual labels:  rtmp, rtmp-server
Oarplayer
Android Rtmp播放器,基于MediaCodec与srs-librtmp,不依赖ffmpeg
Stars: ✭ 124 (-22.98%)
Mutual labels:  livestream, rtmp
cordova-plugin-tencent-liteav
A cordova plugin for video playing with Tencent's LiteAV SDK. Support RTMP/HLS/FLV/MP4.
Stars: ✭ 24 (-85.09%)
Mutual labels:  livestream, rtmp
Ksylive ios
金山云直播SDK [ iOS推流+播放 ]融合版 支持美颜滤镜(Beauty Filter)、美声(Beauty Voice)、软硬编(Software/Hardware Encoder) 、网络自适应(Network Auto Adapt)、混音(Audio Mixer)、混响(Reverb)、画中画(PIP)
Stars: ✭ 861 (+434.78%)
Mutual labels:  livestream, rtmp

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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].