Detect live face on camera using react native

Question

Hi I'm very new to react native, i have to develop an app like whenever camera detects the face, automatically we need to display the person age and gender without any button click event.

I'm using Kairos API to display the age and gender but i need to call the API whenever camera or webcam detects the face using react native?

Anyone have any idea on this? Please suggest me.

what have you tried so far? what specifically isn't working? — Mohammad Athar, May 17 '18 at 13:42

score 0 · Answer 1 · answered May 17 '18 at 13:41

You can use react-native-camera to detect faces - and take action when a face is detected.

The code might look roughly like:

capturePhoto = async (faceArray) => {
    const options = { quality: 0.5, base64: true };
    const data = await this.camera.takePictureAsync(options);
    const result = sendToKairos(data);
};

// ...

<RNCamera
    ref={ref => (this.camera = ref)}
    faceDetectionMode={RNCamera.Constants.FaceDetection.Mode.fast}
    onFacesDetected={this.capturePhoto}
/>

See the react-native-camera face-detection documentation for more details.

Detect live face on camera using react native

1 Answers1