Skip to content

Latest commit

 

History

History
23 lines (16 loc) · 1.22 KB

File metadata and controls

23 lines (16 loc) · 1.22 KB

react-redux-video-streaming-project

This a front-end focused project to stream videos.

  • The project is build by using react, redux, react-router, redux-form, axios and uses Google's Auth0 for authentication.
  • It uses json-server which acts as a database for the POST and GET requests from axios.
  • It also uses node-media-server for streaming videos.

#####Reference Udemy - Modern React with Redux

##Usage:

  1. Go to api directory and run npm start. This will start the json-server for the REST api calls from http://localhost:3001/streams endpoint.
  2. Go to client directory and run npm start. This will start the react-redux application on http://localhost:3000
  3. Go to rtmpserver directory and run npm start. This will start the node-media-server on port 1935

##Running Application Locally

  1. Install OBS to stream videos and then create a scene, add Display Caputer and Audio Input Capture.
  2. In Stream settings change Service to Custom, Server to rtmp://localhost/live and use Stream ID as Stream Key.
  3. The mediaDatasource could be changed from localhost to any other streaming media services.

Streaming Fornite