https://github.com/mycoolh/react-live-streaming-app
React App using OBS for live video streaming
https://github.com/mycoolh/react-live-streaming-app
json-server obs react redux rtmp-stream
Last synced: about 1 month ago
JSON representation
React App using OBS for live video streaming
- Host: GitHub
- URL: https://github.com/mycoolh/react-live-streaming-app
- Owner: mycoolh
- License: mit
- Created: 2024-10-14T08:49:40.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-06-05T14:49:13.000Z (12 months ago)
- Last Synced: 2026-03-11T19:11:33.283Z (3 months ago)
- Topics: json-server, obs, react, redux, rtmp-stream
- Language: JavaScript
- Homepage:
- Size: 2.74 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Streamy - Live Streaming
## High Level System Architecture
## Components
### [Web API Server](api/)
- json-server [[Ref]](https://www.npmjs.com/package/json-server)
### [RTMP Server](rtmp-server/)
- node-media-server [[Ref]](https://github.com/illuspas/Node-Media-Server)
### [React App](client/)
- react, redux, axios
- flv.js
- Google API [[Ref]](https://developers.google.com/identity/protocols/oauth2/scopes#google-sign-in)
- [more...](/client#streamy---react-client)
## Prerequisites
- Node [[Ref]](https://nodejs.org/en/download/)
- OBS [[Ref]](https://obsproject.com/download)
## Steps to run
1. Start the [Web server](api/#running-the-project)
2. Start the [RTMP server](rtmp-server/#running-the-project)
3. Starte OBS on your system and setup a scene with audio and video sources
4. Start the [react app](client/#running-the-project)
5. Navigate to [localhost:3000](http://localhost:3000) to access the app on a browser
#### Credits
Stephen Grider [Modern React with Redux [2020 Update]](https://www.udemy.com/course/react-redux/)