SecureMotion

Local Browser-Based Security System
System Ready
REC •
STORAGE: Browser Memory (Volatile)

Recordings

Select a folder to view recordings.

About this Application

Overview

SecureMotion is a lightweight, privacy-focused security camera application that runs entirely inside your web browser. Unlike cloud cameras (Ring, Nest), this application processes video feeds locally on your device. No video data is ever sent to a server. It utilizes advanced browser APIs to detect motion, record clips, and save them directly to your hard drive.

How to Use

  1. Select Storage: Click the blue "Select Folder" button. Choose a folder on your computer where you want videos to be saved. (Required for permanent storage).
  2. Start Camera: Click "Start Camera". Allow the browser permission to access your webcam.
  3. Adjust Sensitivity: Use the slider to determine how much movement triggers an alert. Lower values require major movement; higher values detect subtle motion.
  4. Arm System: Check the "Arm System" box. The camera will now automatically record 3-second clips whenever motion is detected.
  5. Review: Recorded clips will appear in the gallery below. Click "Play" to watch or "Del" to permanently remove the file from your disk.

Technical Details

  • Video Capture: Uses navigator.mediaDevices.getUserMedia to access the webcam stream.
  • Motion Detection: An invisible HTML5 Canvas analyzes pixel differences between frames (Frame A vs Frame B). If the RGB variance exceeds the threshold, motion is flagged.
  • Recording: Uses the MediaRecorder API with the VP8 codec (WebM container) to capture footage buffer-free.
  • Storage: Utilizes the FileSystem Access API to acquire a direct handle to a local folder, bypassing standard "Download" prompts for seamless security logging.

Limitations & Requirements

  • Browser Support: Full functionality requires Chromium-based browsers (Google Chrome, Microsoft Edge, Opera, Brave) on Desktop. Firefox and Safari do not currently support the direct File System Access API.
  • Active Tab: Browsers throttle inactive tabs to save battery. For best performance, keep this window active and visible on your screen.
  • Lighting: Sudden changes in lighting (switching on a lamp, clouds passing the sun) may be interpreted as motion by the pixel-difference algorithm.

Future Directions

Future updates could include TensorFlow.js integration for object recognition (distinguishing between a person and a pet), audio-trigger support (recording on loud noises), and peer-to-peer streaming via WebRTC to view the camera from a phone on the same network.