Git Product home page Git Product logo

streamy-react-app's Introduction

Welcome to Streamy

What's Streamy?

Streamy is a web-application that uses CRUD to create, read, update, and delete streams, you can start the three servers and stream video to your site

Rails Server

The Rails Server Handles the backend API, this is where your streams are created and stored for later access.

React Server

The React Server is responsible displaying all of the data onto the webpage. This is a single page application that uses React components and a Redux state container to handle to creation and display of the data stored in the rails api through asynchronous requests to the server

Streaming Server

The Streaming Server is an RTMP node media server that is hooked up to the client and allows users to stream video for the client to display. More information on this server is located here: https://github.com/illuspas/Node-Media-Server

Getting Started

  1. Start by cloning down the repository to your desktop by using this command:

    $ git clone rails [email protected]:Sillhouette/Streamy-React-App.git
    
  2. Change directory to the freshly cloned repo and install the gem bundle by running:

    $ bundle install
    
  3. Migrate the database using:

     $ rake db:migrate
    
  4. Start the three servers at the same time using the following command:

     $ rake start
    
  5. Go to http://localhost:3000 and you'll see the webpage displayed.

  6. To stream content to the streaming server download Open Brodcaster Software(OBS) from here: https://obsproject.com/. Add a display capture source as well as an audio input source to stream from. Then go to the OBS settings >> Stream and use the following URL: rtmp://localhost/live. The stream key to use is simply the id of the stream you want to stream to, located after the final '/' of the stream view page's url. For example, the id for http://localhost:3000/streams/3 would be '3'. Then simply click start streaming and the stream will be broadcast to the streaming server, the client will access the stream from the url that the stream is being broadcast to.

Contributing

We encourage you to contribute to Streamy! Please submit issues and pull requests and they will be reviewed.

License

Ruby on Rails is released under the MIT License.

streamy-react-app's People

Contributors

sillhouette avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.