This is an AngularJS directive that can be added as a module to your own app.
A complete example can be found at http://jonashartmann.github.io/webcam-directive (gh-pages)
Using Bower
bower install webcam-directiveEx.: dist/webcam.min.js
<script type="text/javascript" src="webcam.min.js"></script>angular.module('myapp', ['webcam']);<webcam></webcam><webcam placeholder="'img/ajax-loader.gif'">function MyController($scope) {
$scope.onError = function (err) {...};
$scope.onStream = function (stream) {...};
$scope.onSuccess = function () {...};
}<webcam
on-stream="onStream(stream)"
on-streaming="onSuccess()"
on-error="onError(err)">
</webcam>function MyController($scope) {
$scope.myChannel = {
// the fields below are all optional
videoHeight: 800,
videoWidth: 600,
video: null // Will reference the video element on success
};
}<webcam
channel="myChannel">
</webcam>-
Fork and clone this repository
-
Install dependencies
npm install
-
Build/test with grunt
grunt test
-
Make a Pull Request (it will only be merged if it passes the Travis build)
Or just help by creating issues.
The code is licensed under the MIT License. @see LICENSE file