Code Monkey home page Code Monkey logo

interaction-cam's Introduction

Interaction Cam

Interaction Cam is a WebRTC powered photobooth application. It is named that way because we are planning to use MaKey MaKey to trigger the camera with a high-five of visitors of the Mozilla Festival

Setup

The app has been tested on Chrome, Opera an Firefox Nightly 18. In order to get it to work on Chrome, you need to grant it access to the Camera and in Firefox Nightly you need to enable streaming media:

  • Type about:config and say yes that you want to make changes
  • Find the media.navigator.enabled entry and set it to true

Demo

The demo is right here on GitHub on this repository:

screenshot@100

Usage

The cam is very simple - I deliberately did not use any fancy image effects as there are enough cam examples like that out there.

  • Press space or click on the video to take a photo and get to the review
  • Press the "Uh, let's try that again" button or hit the left cursor key to take another photo
  • Press the "Win! Upload this!" button or hit the right cursor key to upload the photo to imgUrl.
  • Once uploaded, hit the "Take another" button or the right cursor key to take another photo

Image uploading

The image uploading is using the CORS anonymous API of imgur for storing pictures. The original code was used in the Motivational Poster Generator which used to be part of the Mozilla Web'o'Wonder.

If you use this, please get your own Application Key as the API is limited to 50 images per hour!

interaction-cam's People

Contributors

codepo8 avatar

Watchers

 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.