Skip to content

Android app that turns your device into an IP Camera

License

Notifications You must be signed in to change notification settings

BalioFVFX/IP-Camera

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

IP Camera

Preview

Fullscreen

Overview

Overview

How to use

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

How to start live streaming

  1. Start the Video server. By default the Video server launches 3 sockets, each acting as a server:
  • WebSocket Server (runs on port 1234).
  • MJPEG Server (runs on port 4444).
  • Camera Server (runs on port 4321).
  1. Install the app on your phone.
  2. Navigate to app's settings screen and setup your Camera's server IP. For example 192.168.0.101:4321.
  3. Open the stream screen and click the Start streaming button.
  4. Now your phone sends video data to your Camera Server.

Watching the stream

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

Browser

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

Preview

VLC meida player

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

Preview

The Web App

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

Preview

Configuring the Web App's server

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

  1. Open the Web App Server project
  2. Open index.js and edit the connection object to match your MySQL credentials.
  3. Create the required tables by executing the SQL query located in user.sql
  4. At the root directory execute node index.js in your terminal
  5. 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)
  6. Create a user through the Web App from https://localhost:8080/register.html
  7. Take screenshots from https://localhost:8080/stream.html
  8. View your screenshots at https://localhost:8080/gallery.html

Preview