Node.js powered, Jitsu Hosted, WebRTC connected, 100% JavaScript, Camera > Web > Server Photobooth-style image capture program.
Works in: Canary, Opera and Opera Mobile 12. Read More
Download the production version or the development version.
In your web page:
<script src="dmv.min.js"></script>
<script>
// ...when the dom is ready, with whatever your poison is...
DMV.init( selector, socket );
// `selector` is any valid CSS Selector to locate your empty container in the DOM
// `socket` is your socket.io object, which you're on your own for creating.
</script>Run Application with:
$ node appDependency: grunt
$ npm install grunt -gDependency: npm modules
$ npm installVerify and Build code with:
$ grunt
These were taken with dmv. When you click on the camera display surface, the image is captured and sent to a Node.js server via Socket.IO where a png is created and saved in the ./saved/ directory.
- ✔ take a picture with a web cam.
- ✔ Put it on the browser screen (canvas I hope).
- Do face-recognition if easy. (SEE: http://wesbos.com/html5-video-face-detection-canvas-javascript/)
- Allow operator to position a square if the face-recognition goes batty.
- ✔ Click to capture
- ✔ Upload pic to server. (Auto with socket.io)
- ✔ Save captured image on server!
Built With: grunt, express, socket.io and love
Style guide: idiomatic.js, Lint and test your code using grunt.
Also, please don't edit files in the "dist" or "/public/javascript/" subdirectories as they are generated via grunt. You'll find source code in the "lib" subdirectory!
Copyright (c) 2012 Rick Waldron [email protected] Licensed under the MIT license.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent