This application allows users to sign in with their google account and create/edit/delete and view live streams.
It implements a RESTFul API with JSONServer, a RTMP Server to facilitate the connection with flv.js, allowing easy stream configurations through web sockets and flash video player.
The application was tested using OBS(Open Broadcaster Software).
Users are able to create and setup an easy stream connection with the RTMP server by using the stream id as the stream key.
Example
rtmp://localhost/live/:id
- ReactJS (Frontend)
- Redux (State Management)
- Redux-Thunk (Middleware)
- React Router (Route Handling)
- JSONServer (Backend API)
- flv.js (Video Player)
- NodeMediaServer (Real Time Messaging Protocol)
- Semantic CSS (Styling)
Open a terminal window, go to the location you'd like to add the project and then run the commands below.
git clone https://github.com/noomdalv/redux_streams.git
Go to the /rtmpserver folder inside redux_streams and type:
npm start
In your terminal, go to the api directory within the created redux_streams folder and install dependencies with:
npm install
and start the server with:
npm start
In your terminal, go to the client directory within the created redux_streams folder and install dependencies with:
npm install
Finally, start the server with:
npm start
Special Thanks to Stephen Grider for his amazing tutorial.
👤 Vladimir Luna
- Github: @noomdalv
This project is MIT licensed.