Рубрики
Без рубрики

Reconhecimento Comial COM API & Node.js

Nesse Artigo Vovê Aprenderá Como Realizar Reconhecimento Facial Usando O Peace API & Node.js. Теги с узлом, учебным пособием, JavaScript, Azure.

DANDO Bontuidade Nossa Série Artenda Serviços Cognitivos & I.a com node.js нет último Artigo Artrendemos A Realizar Traduções Simultâneas Com o Текст переводчика E Vimos o quão poderoso é fazer uso dos Serviços Cognitivos PARA DEICAR AS NOSSAS Applicações Mais Inteligentes, Dinâmicas E Interativas!

Ходж, Вамос Фалар Ум поуко Собрей О Лицо API Отказ Porém, vamos entender um pouco o que seria o Лицо API!

O que é face api?

O Лицо API ruck Serviço Cognitivo DO DO AZURE Que Perious Detectar, Reconher E Analisar Rostos Humanos EM Images. COMO ELE FAZ ISSO? Por Meio de Algoritmos! E O Face API Возможны Várias Funções Diferentes! Entre elas:

Para Mais informações a api repeito do face api, проход ter ums Обзор com maiores detaches Акхи Отказ

Криандо Акпликаас!

SIM, ESSE AQUELE Momento Em Que Vamos CODAR A CODAR E CRAR Applicação em Node.js usando o face api. Para Isso, Утилизаремос:

E CASO VOCO SEJA UM (A) ESTUDANTE de Alguma Instituição de Ensino de Faculdade OU Universidade, Poderá Crar Sua Conta нет Azure для студентов Отказ Essa Conta Te Dará O Beansício Em Возможна Crédito de USD 100,00 Para Usar Os Serviços de Maneira Gratuita, SEM EURUMEDADE DE ОТУССУР ХМАРТ КАРТИО ДЕ КРЕДИТ. Para Ativar Essa Conta, Bastam Acessar O Link Ao Lado: Aqui.

TODO O Código Desenvolvido Desse Artigo Encontra-Se Disponion Акхи Отказ Depois de Instalar E CRIAR UMA CONTA AZURE A COM SIM Poderemos Prosseguir Com O Nosso Tutorial.

Criando Recurso Do Face API нет лазу

Assim, Como Нет Артиго передний Precisamos Crar um Recurso Do Face API нет Портал Azure Отказ APOS ISSO, SIM-SIM, Poderemos Começar a Codar A Nossa Applicação. Caso Não Saibam, Bastam Seguir O Passo Passo No Gif Abaixo:

Облюдание Na Image abaixo que, após criarmos o nosso recurso docro do Portal Azure, Que Geram UMA ключ е конечная точка . Guardem Essa ключ Pois Precisaremos Dela Para o Próximo Passo.

Desenvolvendo o Código.

Agora que já temos a nossa ключ Vamos Agora Crar Applação EM Node.js Para Fazer Uso Do Face API. Para Isso, ABRE O SEU Визуальный студийный код E Doctro da Pasta que que queous para o Seu Projeto, Digite O Seguinte Comando, Para Cribr arquivo Padrão do package.json Нет nosso projeto:

> npm init -y

Com Esse Comando Ele Criará rrquivo padrão do package.json Отказ Porém, ABRE O Visual Studio Code E ALTRE O ARQUIVO CONFORME O Código Abaixo:

  • Arquivo: Package.json.
{
  "name": "faceapi-node.js-demo",
  "version": "1.0.0",
  "description": "Demo para realizar reconhecimento de imagem via Face API & Node.js",
  "main": "face-detection.js",
  "scripts": {
    "dev": "node src/face-detection.js"
  },
  "repository": {
    "type": "git",
    "url": "https://github.com/glaucia86/faceapi-node.js-demo.git"
  },
  "keywords": [
    "nodejs",
    "cognitive-services",
    "azure",
    "face-api",
    "javascript"

  ],
  "author": "Glaucia Lemos",
  "license": "MIT",
  "bugs": {
    "url": "https://github.com/glaucia86/faceapi-node.js-demo/issues"
  },
  "homepage": "https://github.com/glaucia86/faceapi-node.js-demo#readme"
}

Perfeeto! Агора, Кри-Эструтура делает Projeto Conforme Image Abiixo: SRC -> Face-Detection.js

Нет Arquivo .gitignore , включить О Seguinte Bloco de Código.

  • Arquivo: .gitignore.
node_modules
lib
.env

Показывать! Vamos Agora Instalar в качестве зависимости No Nosso Projeto. Precisaremos de 2:

  • Запрос : Esse Picote Nos Ajudará A Realizar Requisições без лица API de Maneira Muito Fácil через Código.

  • Доценв : esse pacote será de grande ajuda, pois como estaremos incluindo chaves dos serviços lazure na akeação e para que nos fiquem axostas, esse pacote nos ajudará a your variveis de Ambiente SEM Precisar ‘Setar’ Localmente na nossa máquina.

PARA ISSO, Vamos Instalar Esse Dois Pacotes Com O Seguinte Comando через подсказку:

> npm i request dotenv

Нет финала, о Nosso Arquivo package.json Фикара да Сегинте Манера:

{
  "name": "faceapi-node.js-demo",
  "version": "1.0.0",
  "description": "Demo para realizar reconhecimento de imagem via Face API & Node.js",
  "main": "face-detection.js",
  "scripts": {
    "dev": "node src/face-detection.js"
  },
  "repository": {
    "type": "git",
    "url": "https://github.com/glaucia86/faceapi-node.js-demo.git"
  },
  "keywords": [
    "nodejs",
    "cognitive-services",
    "azure",
    "face-api",
    "javascript"
  ],
  "author": "Glaucia Lemos",
  "license": "MIT",
  "bugs": {
    "url": "https://github.com/glaucia86/faceapi-node.js-demo/issues"
  },
  "homepage": "https://github.com/glaucia86/faceapi-node.js-demo#readme",
  "dependencies": {
    "dotenv": "^8.2.0",
    "request": "^2.88.0"
  }
}

Агора Vamos Crar A Lógica Para Realizar O Reconhecimento de Image Via Face API & Node.js.

Криандо Логика нет Arquivo ‘Face-detection.js

Аврам О Аркиво Face-Detection.js Ecluam O Seguinte Bloco de Código Abaixo:

  • Arquivo: Face-Detection.js.
/**
 * arquivo: src/facedetection.js
 * Data: 16/10/019
 * Descrição: Arquivo responsável por realizar o reconhecimento facial usando o Face API & Node.js
 * Author: Glaucia Lemos
 */

'use strict';

const request = require('request');

require('dotenv').config();

const subscriptionKey = process.env.SUBSCRIPTION_FACE_API_KEY;
const uriBase = process.env.URI_BASE;
const imageUrl = 'https://cdn-ofuxico.akamaized.net/img/upload/noticias/2019/05/13/silvio_santos_reproducao_instagram_349201_36.jpg';

Aqui Estamos Fazendo O Chamada de 2 Паноты: Запрос E O Доценв Отказ E logo abaixo, Criando 3 Variáveis Para Processar As Informações Geradas Para Nós Нет портала Azure: ключ , конечная точка E UMA URL DE UMA ImageM Que Estaremos Pegando Na Интернет!

Notem Que Nas Variáveis Подписка для покупок е мочеиспускание Estamos Criando UMA Espécie Variáveis Secretas? É Justamente Aí que Usaremos o Picote доценв . Para Isso, Criem Arquivo Chamado .env.env. , FORA DA PAPA SRC Eyamam Como Ela Deve FiCar:

É Justamente Nesse Arquivo que Ficará Huardado Как Informações Mais Sensíveis, Tipo: Ключи, конечные точки E Tudo Mais! Notem Que, SE VOCêS ABRIREM O ARQUIVO .gitignore Esse Arquivo Não Será EnviaDo Para o Github. Justamente, Para Evitar de Ser Usado Por Autrass Pessoas!

DANDO Bontuidade No Nosso Desenvolvimento, Vamos Agora Curruir Esse Arquivo! Инц-О Seguinte Bloco de Código No Arquivo:

  • Arquivo: Face-Detection.js.
const params = {
  'returnFaceId': 'true',
  'returnFaceLandmarks': 'false',
  'returnFaceAttributes': 'age,gender,headPose,smile,facialHair,glasses,' +
  'emotion,hair,makeup,occlusion,accessories,blur,exposure,noise'
};

const options = {
  uri: uriBase,
  qs: params,
  body: '{"url": ' + '"' + imageUrl + '"}',
  headers: {
    'Content-Type': 'application/json',
    'Ocp-Apim-Subscription-Key' : subscriptionKey
  }
};

request.post(options, (error, response, body) => {
  if (error) {
    console.log('Error ao identificar a imagem: ', error);
    return;
  }

  let jsonResponse = JSON.stringify(JSON.parse(body), null, '  ');
  console.log('JSON Response\n');
  console.log(jsonResponse);
});

Нет Bloco de Código Acima, ESTAMOS TARANDO ALGUMAS Variveis Para Justamente Traatar de Fazer A PAMADA DA NOSSA API PARA QUE ARESA AREAZAR ADIALIDALACHãA DA Image ConceDida через URL. Примечание que, na variável параметры Temos Inúmeros Parâmetros Que Nos Retornarão EM Forma de Json. Esses parâmetros São Parâão Do Face API, Que Podem Ser Analisados Aqui.

E POR último ELE, Retornarám Json Com Todas Как Informações SolitCitadas Na Variável Пармы Отказ

Vamos Testar Appleação Agora?! Vejam No Gif Abaixo Como Testar:

Sureceem Que API Retornou Que Na Image ém Homem, de Cor Marrom, Não Está Usando Oculos E Até a Dedução da Idade Foi Dada.

Vejam o Retorno abaixo Para Image do Сильвио Сантос :

  • Джосон ответ
[
  {
    "faceId": "8b121a4e-407a-4b91-9b90-4ba2592a6329",
    "faceRectangle": {
      "top": 82,
      "left": 237,
      "width": 163,
      "height": 163
    },
    "faceAttributes": {
      "smile": 1,
      "headPose": {
        "pitch": -6.3,
        "roll": 4.4,
        "yaw": -7.5
      },
      "gender": "male",
      "age": 50,
      "facialHair": {
        "moustache": 0.1,
        "beard": 0.1,
        "sideburns": 0.1
      },
      "glasses": "NoGlasses",
      "emotion": {
        "anger": 0,
        "contempt": 0,
        "disgust": 0,
        "fear": 0,
        "happiness": 1,
        "neutral": 0,
        "sadness": 0,
        "surprise": 0
      },
      "blur": {
        "blurLevel": "medium",
        "value": 0.42
      },
      "exposure": {
        "exposureLevel": "goodExposure",
        "value": 0.72
      },
      "noise": {
        "noiseLevel": "medium",
        "value": 0.46
      },
      "makeup": {
        "eyeMakeup": false,
        "lipMakeup": false
      },
      "accessories": [],
      "occlusion": {
        "foreheadOccluded": false,
        "eyeOccluded": false,
        "mouthOccluded": false
      },
      "hair": {
        "bald": 0.17,
        "invisible": false,
        "hairColor": [
          {
            "color": "brown",
            "confidence": 1
          },
          {
            "color": "black",
            "confidence": 0.85
          },
          {
            "color": "gray",
            "confidence": 0.48
          },
          {
            "color": "blond",
            "confidence": 0.1
          },
          {
            "color": "red",
            "confidence": 0.09
          },
          {
            "color": "other",
            "confidence": 0.05
          }
        ]
      }
    }
  }
]

Юридический não é mesmo?! MAS, E SE EU Quire Vere Image E O Retorno Нет браузера?! NãO TEM ПРОБЛЕМА! Крии Ума Орра Акпликаао, Фазундо Усо: демо-2.

  • Node.js.
  • Мопс
  • выражать
  • Загрузка
  • Jquery

Vejam Em Ação Aqui No Gif Abaixo:

TODO O Código Desenvolvido Encontra-Se Акхи Отказ E Lá Нет Repositório Explico Como Devem Executar As Applações! 😉

Палавры Финаис

PodeMos Fazer Muitas Coisas Legais Usando O Face API COM Node.js & JavaScript. POIS COMO SE TRATA DE UMA API API ABERTA, PODEMOS USAR DEFERENENTESS MANEIRAS!

Lembrando Que O. Лицо API WODê PORE USAR ELE EM ARTRARS LINGAGENS, TAI COMO:

Abaixo listo alguns recursos e links вакал Que Pode Ser de ajuda Para CraiR Mais Applicações usando o Лицо API:

Estarei Num Futuro Próximo RedesCrevendo Esse Tutorial Para Vue.js! E Realizanto Live Treating Como Desenvolver Essa Applicação Com Face API E Node.js. Assim que, aguardem!

E PARA FICAREM POR DENDRO DE VáARIAS ARTRARS Novidades, Não Deixem De Me Seguir Lá No Twitter!

Nos Wemos! Até Próxima Série Pessoal! 😍

Оригинал: “https://dev.to/azure/reconhecimento-facial-com-face-api-node-js-1h6p”