Skip to content

A simple Twitch clone using React, Redux, and flv.js

Notifications You must be signed in to change notification settings

jasonbland/streams-client

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

71 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

streams-client

This is a simple Twitch clone using React, Redux, and flv.js which allows for creating accounts and creating, editing, and deleting video streams.

Features

  • Create streams
  • Edit streams
  • Delete streams

Dependencies:

  • axios
  • flv.js
  • lodash
  • react
  • react-dom
  • react-redux
  • react-router-dom
  • react-scripts
  • redux
  • redux-form
  • redux-thunk
  • semantic-ui-css

Setup

Clone this repo to your desktop and run npm install to install all the dependencies.

Servers

You will need to also clone: streams-server: https://github.com/jasonbland/streams-rtmp streams-api: https://github.com/jasonbland/streams-api.

Streaming Platform

You will need to also install OBS for streaming the video.


Usage

After you clone this repo to your desktop, go to its root directory and run npm install to install its dependencies.

Once the dependencies are installed, you can run npm start to start the application.

In separate terminal windows run each server with node start.

Log in, create new stream, record the stream id, Open OBS and go to Settings > Stream > Custom Streaming Server and enter URL as rtmp://localhost/live and Stream Key and the stream id shown in the client url. You should not be streaming!


About

A simple Twitch clone using React, Redux, and flv.js

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published