Apartment Cam

A webapp which exposes a locally installed webcam to show views from my apartment window.

Details

Category:πŸŽ‰ Just for fun
Status:In Progress
Created: 12/8/2025
Updated: 12/8/2025

Project image

A minimal live MJPEG viewer for a high-rise camera in Pittsburgh. Built with Next.js 16, streaming a simple MJPEG feed and presenting a HUD-style overlay for location and status.

Project image

Tech Stack

  • AXIS P3227-LVE Network Camera
  • Next.js 16 (app router), React 19
  • GHCR for container images, Cloud Run for hosting
  • Workload Identity Federation for GitHub β†’ GCP deployments

Features

  • Live MJPEG stream with β€œLIVE” HUD badge and location metadata
  • Fullscreen toggle and fallback offline state
  • Stats panel for location, coordinates, elevation, and notes
  • Custom domain mapped to Cloud Run (apt-cam.ebox86.com)

Deployment Notes

  • Built and pushed via GitHub Actions to GHCR, then deployed to Cloud Run
  • WIF provider scoped to owner ebox86 with repo-level SA binding for deployment
  • Cloud Run custom domain using CNAME to ghs.googlehosted.com

Status & Next Steps

  • βœ… Live and served via Cloud Run
  • πŸ”œ Potential: real telemetry (weather/sensors), better error handling, multi-camera support