Giter VIP home page Giter VIP logo

exposures-recorder's Introduction

Current Status

This is a work in progress so you won't be able to do anything with it on the actual API.

Exposures Recorder

This is the exposures.me browser-based recording interface for taking time lapse snapshots of your activities.

This is only a working prototype and cannot be guaranteed to work very well outdoors yet.

Although, if you put this on your car's dashboard, that might work.

Requires a browser that supports the following

  • WebRTC
  • Geolocation
  • Appcache
  • IndexedDB

This means the latest Firefox or Chrome.

Quirks for video dimensions

Firefox does not currently support arbitrary width/height for the video stream and will default to 4:3. If you want to change this, go to about:config, search for 'media' and look for the width and height values to adjust it to 16:9 - no guarantees on it looking pretty (it'll look very stretched out and weird). On the other hand, Firefox does support both the option to select either a front-facing or back-facing camera.

Chrome supports arbitrary width/height for the video stream but on Android it does not currently support the back-facing camera - only the front-facing one.

Settings configuration

cp js/local.js-dist js/local.js

Change the URL and apiKey accordingly.

Data format

Streamed data writes to a JPG and saves to IndexedDB in the following format:

[
  {
    frame: data:image/jpg;base64,<base64 data>,
    geo: <lat, lon>,
    description: <optional description>,
    created: <current unix timestamp>
  }
]

Each object represents a sequential frame in the timeline, first being oldest.

exposures-recorder's People

Watchers

James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.