Skip to content

An example server and front-end web application setup for the RaspEye

Notifications You must be signed in to change notification settings

michelem09/raspeye-web

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

RaspEye server

An example server and front-end web application setup for the RaspEye.

All source code is decently commented to help you build your own integration.

Setup

  1. Clone this repository
  2. $ npm install
  3. Run both server.js and queueHandler.js in a background thread (I recommend forever).

For timelapse and thumbnail generation the script require ffmpeg (a more recent version with -i concat support) and imagemagick.

Server

Tiny REST API that also generates timelapses and thumbnails for the images it receives from the RaspEye.

Endpoints

  • GET /timeline/ - Returns a JSON file with all image filenames sorted by day
  • POST /upload/ - Receives and handles file input from the RaspEye
  • GET /generate/:start/:end/ - Accepts and queues requests for timelapse generation between start and end timestamps

Available file paths: /thumbnails/timestamp.jpg, /images/timestamp.jpg, /timelapse/start-end.mp4.

Front-end

Lives in the /public/ folder of this repository.

It's very simple, the main magic happens in these three pages:

  • index.html - Showing the latest available image, with live updates through socket.io. Could serve as a livestream.
  • timeline.html - Showing all images ever uploaded, sorted by day. Today is expanded by default, the rest gets loaded by request. Also implemented lazy loading to not overload our own server. Clicking two thumbnails creates a timespan that you can generate a timelapse for.
  • queue.html - A waiting page that polls the server to see if the requested .mp4 has already been created.

Take a look at the Javascript, it's pretty self-explanatory.

About

An example server and front-end web application setup for the RaspEye

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 73.9%
  • HTML 13.1%
  • CSS 13.0%