📚 Product & Resources - Here

🛟 Help Center - Here

💼 KYC Verification Demo - Here

🙋‍♀️ Docker Hub - Here

FaceRecognition-React-Native

Overview

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

In this repository, we integrated KBY-AI's face liveness detection and face recognition technology into the React-Native 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 - React-Native	Standard SDK
7	Face Attribute - Android	Premium SDK
8	Face Attribute - iOS	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

The face recognition project relies on kby-ai's SDK, which requires a license for each application ID.

• The code below shows how to use the license:

  FaceRecognition-React-Native/example/src/MainPage.tsx

  Lines 17 to 24 in 5b8ffdd

  	var ret = await FaceSDKModule.setActivation("BePdghcCJ6VWDMNYaYHLMJ3QhslLDlJHwq52hSiPswhbF42izz+0eE4qo6v9v0bY4QK0RwsZuqe1" +
  	"5Ea18VOoUwIVR3pP6ozY2xQbbKF/RAgQ8pMy2pqSslCULMcj3yRJz72XRbuDWDO5NpbavHCP5aIT" +
  	"BiAjgaVYgGrHbl/iqb4PP2O8cjRd7QmHj1Mye1vQWeQobzUaWtH4/2rF5X/BQKiz8qL/E7jccC6h" +
  	"6SsyEfxZUyZFiPSv/XKRClM4mxCJiWmIEaEvJpn0HTmqqIt8dGkhE/ptQjyi3d83uzna7yDRRe+j" +
  	"8fRYqeJlI7hgrMXU5We7xp1w5W0akIikG2Myrg==");
  	console.log("set activation:", ret);
  	ret = await FaceSDKModule.initSDK();

• 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. Setting Up React-Native Development Environment

Make sure you have React-Native installed.
If you don't have React-Native installed, please follow the instructions provided in the official React-Native documentation here.

2. Running the Android App

Run the following commands:

yarn
yarn example android

3. Running the iOS App

Run the following commands:

yarn
cd example
yarn
cd ios
pod install

Please open the FaceRecognitionSdkExample.xcworkspace in Xcode and run the app.

About SDK

1. Setup

1.1 Setting Up Face SDK

Android

• Copy the SDK (folder: libfacesdk) to the folder android in your project path.
  
• Add the SDK to the project in settings.gradle

include ':libfacesdk'

2 API Usages

2.1 FaceSDKModule

• Activate the FaceSDKModule by calling the setActivation method:

      var ret = await FaceSDKModule.setActivation("...");
      console.log("set activation:", ret);

• Initialize the FaceSDKModule by calling the initSDK method:

    var ret = await FaceSDKModule.initSDK();

• Set parameters using the setParam method:

  var ret = await FaceSDKModule.setParam(checkLivenessLevel);

• Extract faces using the extractFaces method:

  var faceBoxes = await FaceSDKModule.extractFaces(uri);

• Calculate the similarity between faces using the similarityCalculation method:

  const similarity = await FaceSDKModule.similarityCalculation(
      face.templates,
      person.templates
  );

2.2 FaceRecognitionSdkView

• To build the native camera screen and process face detection, please refer to the example/src/FaceRecognitionPage.tsx file in the repository.

  <FaceRecognitionSdkView style={styles.box} livenessLevel={1} cameraLens={1} />

• To obtain the face detection results, use the following code:

      const eventEmitter = new NativeEventEmitter(FaceSDKModule);
      let eventListener = eventEmitter.addListener('onFaceDetected', (event) => {
          setFaces(event);
          if (recognized == false) {
              identifyPerson(event);
          }
      });

• To start and stop the camera, use the following code:

    //Start Camera
    const startCamera = async () => {
        await FaceSDKModule.startCamera();
    }

    //Stop Camera
    const stopCamera = async () => {
        await FaceSDKModule.stopCamera();
    }