jonashartmann / Webcam Directive
Licence: mit
Angularjs directive to access the webcam
Stars: ✭ 233
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Webcam Directive
Visualizer
UI-Router state visualizer and transition visualizer
Stars: ✭ 205 (-12.02%)
Mutual labels: angularjs
Angularjs Csti Scanner
Automated client-side template injection (sandbox escape/bypass) detection for AngularJS.
Stars: ✭ 214 (-8.15%)
Mutual labels: angularjs
Electronangular
Sample application using Github Electron and Angular 1.4 with MySql used as database
Stars: ✭ 209 (-10.3%)
Mutual labels: angularjs
Screentogif
🎬 ScreenToGif allows you to record a selected area of your screen, edit and save it as a gif or video.
Stars: ✭ 16,066 (+6795.28%)
Mutual labels: webcam
Massautocomplete
Auto Complete for Angularjs applications with a lot to complete
Stars: ✭ 231 (-0.86%)
Mutual labels: angularjs
Angular Query Builder
Dynamic query building UI written in Angular.
Stars: ✭ 211 (-9.44%)
Mutual labels: angularjs
Javastud
Official, Main: This is Core/Advance java example series project. It help to learn java step by step using pdf tutorial provided here and corresponding demo project for the eclipse. Tag: Java Student, Java Stud, Stud Java, StudJava, Java Teachers, Studs Quick Start Guide, Studs Java, Object Oriented Programming, Core Java, Java SE, Java EE, Java Enterprise Edition, Java Blog, Java Articles, Java Web, JSP, Servlet, Maven, Spring, Hibernate, Spring-boot, Spring MVC Web, Angular JS, Angular 2, Java Security, Java CRUD, Java Login Example, File Handling, Multi threading, exception handling, Collection classes, Swing, Database, Date Time, Joda Time, JPA.
Stars: ✭ 220 (-5.58%)
Mutual labels: angularjs
Esp32 Cam Webserver
Expanded version of the Espressif ESP webcam
Stars: ✭ 200 (-14.16%)
Mutual labels: webcam
Ionic Starter Template
Reinventing the wheel, again! Sorry Ionic Team... but there are many newbies learning on Youtube!
Stars: ✭ 208 (-10.73%)
Mutual labels: angularjs
Angular Meteor
Angular and Meteor - The perfect stack
Stars: ✭ 2,385 (+923.61%)
Mutual labels: angularjs
Ng Quill
AngularJS Component for Quill rich text editor
Stars: ✭ 223 (-4.29%)
Mutual labels: angularjs
Ui Router
The de-facto solution to flexible routing with nested views in AngularJS
Stars: ✭ 13,738 (+5796.14%)
Mutual labels: angularjs
Angular Adminlte
AngularjsApp Implementation of renowned Admin-LTE theme (https://github.com/almasaeed2010/AdminLTE) now with many useful directives and features.
Stars: ✭ 214 (-8.15%)
Mutual labels: angularjs
30 Seconds Of Angular
[WIP] Curated collection of Angular snippets that you can understand in 30 seconds or less
Stars: ✭ 221 (-5.15%)
Mutual labels: angularjs
Webcam manipulation with HTML5
An AngularJS directive to manipulate the webcam.
You can easily add it as a module to your own app.
A complete example can be found at http://jonashartmann.github.io/webcam-directive (gh-pages)
Download
NPM
Usingnpm install webcam
Bower
Usingbower 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 add the new element in HTML
<webcam></webcam>
Advanced Usage
Set a custom placeholder image to be shown while loading the stream
<webcam placeholder="'img/ajax-loader.gif'">
Callbacks
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>
Set a channel to bind data
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>
wiki
see more examplesContribute
-
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.
Technologies used in this project
The code is licensed under the MIT License. @see LICENSE file
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].