IP Camera

Overview

You can either watch this video or follow the steps below.

Start the Video server. By default the Video server launches 3 sockets, each acting as a server:

Install the app on your phone.
Navigate to app's settings screen and setup your Camera's server IP. For example 192.168.0.101:4321.
Open the stream screen and click the Start streaming button.
Now your phone sends video data to your Camera Server.

The stream can be watched from either your browser, the Web App or apps like VLC media player.

Open your favorite web browser and navigate to your MJPEG server's IP address. For example http://192.168.0.101:4444

Open the VLC media player, File -> Open Network -> Network and write your MJPEG's server IP address. For example http://192.168.0.101:4444/

Navigate to the Web app root directory and in your terminal execute webpack serve.
Open your browser and navigate to http://localhost:8080/.
Go to settings and enter your WebSocket server ip address. For example 192.168.0.101:1234.
Go to the streaming page http://localhost:8080/stream.html and click the connect button.

Note: This section is required only if you'd like to be able to take screenshots from the Web App.

Open the Web App Server project
Open index.js and edit the connection object to match your MySQL credentials.
Create the required tables by executing the SQL query located in user.sql
At the root directory execute node index.js in your terminal
You may have to update the IP that the Web App connects to. You can edit this IP in Web app's stream.html file (BACKEND_URL const variable)
Create a user through the Web App from http://localhost:8080/register.html
Take screenshots from http://localhost:8080/stream.html
View your screenshots at http://localhost:8080/gallery.html