📚 Product & Resources - Here

🛟 Help Center - Here

💼 KYC Verification Demo - Here

🙋‍♀️ Docker Hub - Here

FaceRecognition-Ionic-Cordova

This repository demonstrates both face liveness detection and face recognition technology for Ionic Cordova on Android and iOS platforms.

In this repository, we integrated KBY-AI's face liveness detection and face recognition technology into this Flutter project for both Android and iOS.

◾FaceSDK(Mobile) Details

Basic	🔽 Standard	Premium
Face Detection	Face Detection	Face Detection
Face Liveness Detection	Face Liveness Detection	Face Liveness Detection
Pose Estimation	Pose Estimation	Pose Estimation
	Face Recognition	Face Recognition
		68 points Face Landmark Detection
		Face Quality Calculation
		Face Occlusion Detection
		Eye Closure Detection
		Age, Gender Estimation

◾FaceSDK(Mobile) Product List

No.	Repository	SDK Details
1	Face Liveness Detection - Android	Basic SDK
2	Face Liveness Detection - iOS	Basic SDK
3	Face Recognition - Android	Standard SDK
4	Face Recognition - iOS	Standard SDK
5	Face Recognition - Flutter	Standard SDK
➡️	Face Recognition - Ionic-Cordova	Standard SDK
7	Face Recognition - React-Native	Standard SDK
8	Face Attribute - Android	Premium SDK
9	Face Attribute - iOS	Premium SDK
10	Face Attribute - Flutter	Premium SDK

To get Face SDK(server), please visit products here.

Try with Demo App

Google Play

App Store

Performance Video

You can visit our YouTube video here to see how well our demo app works.

Screenshots

SDK License

This repo integrated KBY-AI's face recognition SDK, which requires a license for each application ID.

• The code below shows how to use the license:

  FaceRecognition-Ionic-Cordova/src/app/home/home.page.ts

  Lines 14 to 62 in 5f9671a

  	constructor(private platform: Platform) {
  	this.platform.ready().then(() => {
  	console.log('init home page');
  	if(this.platform.is('android')) {
  	if (window.hasOwnProperty('cordova')) {
  	console.log('call cordova api');
  	cordova.exec(
  	(success: any) => {
  	console.log('Success:', success);
  	},
  	(error: any) => {
  	console.error('Error:', error);
  	},
  	'FacePlugin', // The Java/Kotlin class name
  	'set_activation', // The method name defined in Kotlin
  	[{"license": "jEJQsb6lo5IzEE4M5P2ZzVeSpt/FSANo8Kh0DMnDxg9dzCmBaaPXfmd/y6OGwRnMbqoyjz3bhUBW" +
  	"q1AJyxCWIdekFDPD7nQqrjA1n2DPLaGSOYRLbHnFI4hpgCvN8WuI/X4OX4ZkHGljX8BopbSd+2OD" +
  	"NNg8/5Df2n79YquKbnpI9yNXssLlmjSrsnJpOe3iRUv0Gh0QiyRyEMpyIE5iP81hwPF8Q2M436Ga" +
  	"lOY/EQ1s+URregYomX365VGTtDuvhO2JqK3Xy8qGUGcQ3gtkXM+l67q0QlzsfuX1yGUA5h4KLju1" +
  	"xYoTJhQD6cgO2f7xqiydqUrmLzUbphrknYZbWw=="}] // Arguments to pass to the native method
  	);
  	} else {
  	console.warn('Cordova not available');
  	}
  	} else if(this.platform.is('ios')) {
  	if (window.hasOwnProperty('cordova')) {
  	console.log('call cordova api');
  	cordova.exec(
  	(success: any) => {
  	console.log('Success:', success);
  	},
  	(error: any) => {
  	console.error('Error:', error);
  	},
  	'FacePlugin', // The Java/Kotlin class name
  	'set_activation', // The method name defined in Kotlin
  	[{"license": "CRICij8qW6uHIVPwnEHJ8NcKLKWYxddTxJLpDl/0fRktsVlOTRdY8g7z7bzmek+lPplauMKNK26n" +
  	"NFfJ1tz211WDbcQ03RPb7NCG/yOUbkJ5/sd+KqXpanQg5oqqfITmc87pv+e+fxRCpZBZZ0teUW93" +
  	"EXW15m1LDikOA6YdaLGrwdsdBlUpsY96ZiObgmmHhNNkYQLpJ65yQCeVBMZTj8iQg7RRqnqwZ6xZ" +
  	"OnHWxFHiZXtWnj/SGIWy7PzKctDAXI8R9Np4fdBFjFyPCp1JJTcx2XsVfK3vj/iEI6dRCFDS+ueC" +
  	"eDtWGKRYH7Pcxaz8Pp1j5MAbKggVNWqk4AR/8Q=="}] // Arguments to pass to the native method
  	);
  	} else {
  	console.warn('Cordova not available');
  	}
  	}
  	});
  	}

• To request a license, please contact us:
  🧙Email: contact@kby-ai.com
  🧙Telegram: @kbyai
  🧙WhatsApp: +19092802609
  🧙Skype: live:.cid.66e2522354b1049b
  🧙Facebook: https://www.facebook.com/KBYAI
  

How To Run

1. Prerequisites

Node.js and npm:

• You can download and install from Node.js website. After installation, verify by running:

node -v
npm -v

Ionic CLI: Install the Ionic CLI globally with npm:

npm install -g @ionic/cli

Cordova CLI: You also need Cordova installed globally:

npm install -g cordova

2. Running the Android App

Add FacePlugin to the Project
Run the following command to add the FacePlugin to your Ionic Cordova project:

ionic cordova plugin add ./FacePlugin  

Build the Android App
After adding the plugin, build the Android app:

ionic cordova build android

Add Camera Permission
To allow camera access, add the following permission to the AndroidManifest.xml placed in platforms/android/app/src/main:

<uses-permission android:name="android.permission.CAMERA" />

Run the Android App
Once the permission is added and the app is built, you can run it on an Android device:

ionic cordova run android

3. Running the iOS App

Add FacePlugin To The Project
Run the following command to add the FacePlugin to the project:

ionic cordova plugin add ./FacePlugin

Add the iOS Platform

ionic cordova platform add ios

Prepare the iOS Project

ionic cordova prepare ios

Add Camera Permission to Info.plist
Open the iOS workspace in Xcode:

open platforms/ios/face-recognition.xcworkspace

Then, navigate to the file Info.plist in Xcode and add the following entry to request camera permission:

<key>NSCameraUsageDescription</key>
<string>We need access to your camera for face recognition.</string>

Build the app with Xcode and run it on a real iOS device, not simulator.