mpaul31 / webcam-directive

Angularjs directive to access the webcam

Webcam manipulation with HTML5

This is an AngularJS directive that can be added as a module to your own app.

Demos can be found at http://jonashartmann.github.io/webcam-directive

Contribute

1. Fork and clone this repository

2. Install dependencies

    npm install
   

3. Build/test with grunt

    grunt test
   

4. Make a Pull Request (it will only be merged if it passes the Travis build)

Or just help by creating issues.

Download

Using Bower

bower install webcam-directive

There is a tag for each version, with the built javascript file inside the dist directory

Ex.: dist/webcam.min.js

Installation

Using script tag

<script type="text/javascript" src="webcam.min.js"></script>

Usage

Add module "webcam" as dependency

angular.module('myapp', ['webcam']);

Then just use the new element

<webcam></webcam>

Callbacks

<webcam on-stream="onStream(stream)"
	        on-error="onError(err)"
	        on-streaming="onSuccess()"
          video="your.video">
		</webcam>

Custom placeholder to be shown while loading the webcam

<webcam placeholder="'img/ajax-loader.gif'">

Technologies used in this project

• AngularJS
• Yeoman
• getUserMedia
• canvas
• video

The code is licensed under the MIT License. @see LICENSE file