Skip to content

kylemac/angular-camera

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Angular Camera Directive

An Angular directive for easily taking pictures from your webcam.

ngCamera in action

Getting started

  1. Install via Bower using bower install angular-camera
  2. Load the omr.directives module in your application: angular.module('app', ['omr.directives']);

Using ngCamera

<ng-camera
  type="photo"
  enabled="cameraActive"
  width="640"
  height="480"
  countdown="3"
  ng-model="media"
  overlay-src="photoFrame"
  capture="publish()"
  capture-message="SMILE!"></ng-camera>

The captured photo will save a Base64 version of itself to the ng-model's definition. Overlay an optional picture frame via overlay-src to have it stitched onto the final image.

More extensive documentation to follow.

Built by Zach Dunn from work on the Robin Platform

About

Angular directive for easy webcam capture

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 64.3%
  • CoffeeScript 35.7%