https://github.com/statickidz/react-native-rtmp-stream-example
Example application with React Native for RTMP live streaming to server
https://github.com/statickidz/react-native-rtmp-stream-example
Last synced: about 1 year ago
JSON representation
Example application with React Native for RTMP live streaming to server
- Host: GitHub
- URL: https://github.com/statickidz/react-native-rtmp-stream-example
- Owner: statickidz
- Created: 2018-03-28T15:58:55.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2023-01-23T19:47:38.000Z (over 3 years ago)
- Last Synced: 2025-03-28T07:51:10.290Z (about 1 year ago)
- Language: JavaScript
- Size: 62.5 MB
- Stars: 38
- Watchers: 3
- Forks: 13
- Open Issues: 27
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
Awesome Lists containing this project
README
# React Native RTMP Stream Example
#### Example application with React Native for RTMP live streaming to server
---
## 📖 Libraries
- [React Native Starter Kit](https://github.com/mcnamee/react-native-starter-kit/)
- [React Native Node Media Client](https://github.com/NodeMedia/react-native-nodemediaclient)
- [Node Media Server](https://github.com/illuspas/Node-Media-Server)
---
## 🚀 Getting Started
#### Clone and Install
```bash
# Clone the repo
git clone https://github.com/statickidz/react-native-rtmp-stream-example.git
# Install dependencies
cd rtmp-client && yarn && cd ../rtmp-server && yarn && cd ..
```
#### Run the _RTMP_ Server
```bash
# Start the RTMP Server
cd rtmp-server && yarn start
```
Go [http://localhost:3000/api/streams](http://localhost:3000/api/streams) to view RTMP publishers and subscribers.
#### Run the _React Native_ App
Change in [src/native/components/Stream.js](/src/native/components/Stream.js) your server ip address in your local network.
```bash
# Start the React Native packager
cd rtmp-client
yarn start
```
```bash
# Run Android
yarn android-bundle
yarn android
```
```bash
# Run iOS
yarn ios-bundle
yarn ios
```
#### Change your server IP
I'm using Genymotion default PC IP, customize yours
rtmp-client\src\native\components\Stream.js
```
...
outputUrl = {"rtmp://10.0.3.2/live/TESTING"}
...
```
#### Open stream in _VLC_ or similar
rtmp://127.0.0.1/live/TESTING
