background preloader

Face detection using HTML5, javascript, webrtc, websockets, Jetty and OpenCV

Face detection using HTML5, javascript, webrtc, websockets, Jetty and OpenCV
Through HTML5 and the corresponding standards, modern browsers get more standarized features with every release. Most people have heard of websockets that allows you to easily setup a two way communication channel with a server, but one of the specifications that hasn't been getting much coverage is the webrtc specificiation. With the webrtc specification it will become easier to create pure HTML/Javascript real-time video/audio related applications where you can access a user's microphone or webcam and share this data with other peers on the internet. For instance you can create video conferencing software that doesn't require a plugin, create a baby monitor using your mobile phone or more easily facilitate webcasts. Update: in the newest versions of the webrtc spec we can also access the microphone! As with a lot of HTML5 related specification, the webrtc one isn't quite finished yet, and support amongst browsers is minimal. For this we need to take the following steps: Related:  Computer Visiondpitt

Accenture Innovation Awards Concept van de Week – ThirdSight: persoonlijke reclame Het klinkt onwerkelijk, maar het kan: reclameboodschappen automatisch afstemmen op interesses en emoties. En wel met de software van AIA-deelnemer ThirdSight. ThirdSight is een samenwerkingsverband van medewerkers van de Universiteit van Amsterdam (UvA) en mediagroep BlueBubbleLab onder leiding van Ben van Dongen. Ben is ook CEO van ThirdSight. Camera’s herkennen mensen Ben: “Onze technologie verschaft toegang tot een bron van informatie over persoonskenmerken, emotie en gedrag. Tot nu toe ongekende informatie Het betekent dat ThirdSight elke boodschap op elk digitaal medium voor elke consument interessant kan maken. Groepen en individuen analyseren ThirdSight maakt een waaier aan eenvoudig te gebruiken producten: van software, internetdiensten en apps tot pakketten waarmee programmeurs hun eigen software kunnen ontwikkelen. Effect van reclame meten Zo is het softwarepakket EmoVision gericht op individuele analyse. Wat wil ThirdSight bereiken? Wil je stemmen voor de Publieksprijs?

Capturing Audio & Video in HTML5 Many browsers now have the ability to access video and audio input from the user. However, depending on the browser it might be a full dynamic and inline experience, or it could be delegated to another app on the user's device. On top of that, not every device even has a camera. So how can you create an experience that uses a user generated image that works well everywhere? Start simple and progressively If you want to progressively enhance your experience, you need to start with something that works everywhere. Ask for a URL This is the best supported but least satisfying option. Though, if you want to manipulate the image in any way, things are a bit more complicated. File input You can also use a simple file input element, including an accept filter that indicates you only want image files. This method works on all platforms. <input type="file" accept="image/*" id="file-input"><script> const fileInput = document.getElementById('file-input'); Drag and drop Paste from clipboard if (file ! Tips

Q&A: Why io.js decided to fork Node.js Node.js devotees who are dissatisfied with Joyent's control over the project are now backing their own fork of the server-side JavaScript variant, called io.js or iojs. To get the lowdown on what and who was behind this move, InfoWorld Editor at Large Paul Krill on Wednesday asked Mikeal Rogers, who has been involved with the fork and is director of evangelism at cloud hosting service vendor DigitalOcean, about the effort. InfoWorld: Are you the person in charge of the fork? Rogers: Not even close. Indutny (listed as a Node.js code team member)Trevor Norris (also a Node.js core team member)Isaac Schlueter (cited as a Node.js core team alumni)Ben Noordhuis (also an alumni)Bert Belder (another alumni and a Node.js maintainer) Rod Vagg (Node.js supporter) also participates in the calls as he is creating and managing the build system. InfoWorld: Why did this fork happen? InfoWorld: What goals do you have for io.js? Rogers: Well, the first and most obvious goal is to get a release out.

Quividi - Automated Audience Measurement of Billboards and Out Of Home Digital Media - OOH - Home Camera and Video Control with HTML5 Client-side APIs on mobile and desktop devices are quickly providing the same APIs. Of course our mobile devices got access to some of these APIs first, but those APIs are slowly making their way to the desktop. One of those APIs is the getUserMedia API, providing developers access to the user's camera. The HTML Please read my note about the HTML structure below: <video id="video" width="640" height="480" autoplay></video><button id="snap">Snap Photo</button><canvas id="canvas" width="640" height="480"></canvas> Each of these elements should be created once confirmation of camera support is confirmed, but for the sake of this tutorial, I wanted to show you what the elements look like with basic HTML. The JavaScript Since the HTML elements above are already created, the JavaScript portion will look smaller than you think: Once it's been established that the browser supports getUserMedia, a simple method sets the video element's src to the user's live camera/webcam.

Tutoriels vidéos - Symfony2 Episode 41 - Utiliser l'extension loggable avec Symfony2 Dans ce tutoriel vous allez découvrir comment utiliser la fonctionnalité "loggable". Celle-ci... Derniers tutoriels vidéos Episode 40 - Créer de nouveaux Environnements sur un projet Symfony2 Dans Symfony2, par défaut celui-ci possède 3 environnements,... 14min 39sec La minute Symfony Episode 4 - Installer Symfony2 facilement et rapidement Dans cette vidéo, il vous sera présenté la nouvelle... 8min 03sec Episode 39 - Utiliser l'extension softdeleteable avec Symfony2 Dans ce tutoriel vous allez découvrir comment utiliser... 25min 2sec Episode 38 - Utiliser l'extension Sluggable avec Symfony2 Dans ce tutoriel vous allez découvrir comment utilisé... 15min 06sec La Minute Symfony Episode 3 - Utiliser les "Macros" avec Twig Réutiliser simplement et rapidement du code HTML... 6min 51sec Episode 37 - Installer les extensions doctrine Symfony2 Episode 37, Indispensable, les extensions doctrine... 25min 12sec 5min 23sec 6min 38sec 39min 59sec 29min 29sec

Finally A TV Ad That Encourages Hand Gestures: Brainient Taps Kinect For Interactive TV Ads European online video startup, Brainient, whose BrainRolls system enables advertisers to incorporate interactive elements into online video adverts to boost brand engagement and recognition — such as clickable Facebook Like buttons and photo galleries — is tapping into Microsoft’s Xbox Kinect gesture-based controller to push into the connected TV space. Brainient already sells its BrainRolls product for viewing video ads on computers, smartphones and tablets — its system automatically tailors the ad to the type of screen it’s being viewed on, and can therefore offer advertisers the ability to run what is effectively the same campaign across a variety of devices. Today it’s opening a new front with the launch of an interactive video ad that taps up Kinect gestures to extend interactive video ads to connected TVs. Brainient’s first Kinect-friendly ad is for the forthcoming film The Hobbit.

HTML5: camera access toddmotto/angularjs-styleguide * Wearable sensor system automatic maps building while wearer is moving MIT researchers have built a wearable sensor system that automatically creates a digital map of the environment through which the wearer is moving. The prototype system, described in a paper slated for the Intelligent Robots and Systems conference in Portugal next month, is envisioned as a tool to help emergency responders coordinate disaster response. In experiments conducted on the MIT campus, a graduate student wearing the sensor system wandered the halls, and the sensors wirelessly relayed data to a laptop in a distant conference room. Observers in the conference room were able to track the student's progress on a map that sprang into being as he moved. Connected to the array of sensors is a handheld pushbutton device that the wearer can use to annotate the map. Shaky aim The new work builds on previous research on systems that enable robots to map their environments. Adjudicating the data from all the other sensors is the camera. Seeing is believing Both the U.S.

Capturing Audio & Video in HTML5 Introduction Audio/Video capture has been the "Holy Grail" of web development for a long time. For many years we've had to rely on browser plugins (Flash or Silverlight) to get the job done. Come on! HTML5 to the rescue. It might not be apparent, but the rise of HTML5 has brought a surge of access to device hardware. This tutorial introduces a new API, navigator.getUserMedia(), which allows web apps to access a user's camera and microphone. The road to getUserMedia() If you're not aware of its history, the way we arrived at the getUserMedia() API is an interesting tale. Several variants of "Media Capture APIs" have evolved over the past few years. I'll try to summarize what happened in 2011... Round 1: HTML Media Capture HTML Media Capture was the DAP's first go at standardizing media capture on the web. If you wanted to let users take a snapshot of themselves with the webcam, that's possible with capture=camera: Recording a video or audio is similar: Kinda nice right? Support: Take a breath.

L'API Promise d'AngularJS Les services standards d'AngularJS $timeout et surtout $http renvoient tous deux des promises, qui sont très pratiques pour gérer des opérations asynchrones. Cette notion de promise existe dans d'autres frameworks, comme jQuery, et AngularJS intègre une implémentation de cette API. Elle peut être utilisée par les développeurs dans l'écriture des leurs propres services pour simplifier la gestion des actions asynchrones. Décrire en français le fonctionnement de l'API de promises ne va pas être simple, car il est difficile de traduire de façon élégante les notions qu'elle recouvre sans s'éloigner des termes anglais utilisés comme noms de méthodes. Qu'est-ce qu'une promise ? Une promise (une “promesse” en anglais) est un objet JavaScript correspondant au résultat différé d'une opération asynchrone. Imaginons une fonction qui doit déclencher une opération prenant un certain temps, et qui pourra soit réussir et fournir un résultat, soit échouer et balancer une exception. $q.reject(reason);

VENDORS Building a RESTful web service with AngularJS (and PHP) – More power with $resource This is a two parts post about how to make RESTful requests through an AngularJS web application. The index of this brief series of posts is quite simple. Backend setup is the first post in the series. $http or $resource? In all the posts about AngularJS that I wrote until now, every time that it was necessary to make an asynchronous request to the server I used the $http service. $resource is a separate, optional module of AngularJS, built over $http. Start using $resource As I said previously $resource is a separate module of AngularJS; it is defined in the angular-resource.js file, often downloaded with angular.js. To use $resource there are three easy things to do: Include the source file, immediately after the source of angular.js, and ideally just before the end of the body. Include ngResource in the declaration of your web application module. var myApp = angular.module('myApp', ['ngResource']); Inject $resource everywhere it will be used. More on:

Related: