🚀 Socket Launch Week 🚀 Day 2: Introducing Repository Labels and Security Policies.Learn More
Socket
Sign inDemoInstall
Socket

jquery.facedetection

Package Overview
Dependencies
Maintainers
1
Versions
4
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

jquery.facedetection

A jQuery plugin to detect faces on images, videos and canvases.

2.0.3
latest
Source
npm
Version published
Weekly downloads
181
34.07%
Maintainers
1
Weekly downloads
 
Created
Source

jQuery Face Detection Plugin

Build Status NPM version Bower version

A jQuery/Zepto plugin to detect faces on images, videos and canvases to get theirs coordinates.

Importante note: This plugin uses an algorithm by Liu Liu.

Demos

Website and demo here:

http://facedetection.jaysalvat.com/

Get started

Download the plugin with the method of your choice.

  • Download the last release manually

  • Or install it with Bower.

      bower install jquery.facedetection
    
  • Or install it with NPM.

      npm install jquery.facedetection
    

Include jQuery and the plugin.

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="path/to/dist/jquery.facedetection.min.js"></script>

Set a picture with some faces in your HTML page.

<img id="picture" src="img/face.jpg">

Apply the plugin to this image and get the face coordinates.

<script>
    $('#picture').faceDetection({
        complete: function (faces) {
            console.log(faces);
        }
    });
</script>

Results

Returns an array of found faces object:

  • x — X coord of the face in the picture
  • y — Y coord of the face in the picture
  • width — Width of the face
  • height — Height of the face
  • positionX — X position relative to the document
  • positionY — Y position relative to the document
  • offsetX — X position relative to the offset parent
  • offsetY — Y position relative to the offset parent
  • scaleX — Ratio between original image width and displayed width
  • scaleY — Ratio between original image height and displayed height
  • confidence — Level of confidence

Settings

  • interval — Interval (default 4)

  • minNeighbors — Minimum neighbors threshold which sets the cutoff level for discarding rectangle groups as face (default 1)

  • confidence — Minimum confidence (default null)

  • async — Async mode if Worker available (default false). The async mode uses Workers and needs the script to be on the same domain.

  • grayscale — Convert to grayscale before processing (default true)

  • complete — Callback function trigged after the detection is completed

      complete: function (faces) {
          // ...
      }
    
  • error — Callback function trigged on errors

      error: function (code, message) {
          // ...
      }
    

Keywords

jquery

FAQs

Package last updated on 04 Nov 2017

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts