VisionCamera Frame Processor Plugin to detect faces using MLKit Vision Face Detector for react native vision camera V4
npm install vision-camera-face-detector-v4!GitHub license 
vision-camera-face-detector-v4 is a React Native library that integrates with the Vision Camera module to provide face detection functionality. It allows you to easily detect faces in real-time using the front camera and visualize the detected faces on the screen.
- Real-time face detection using the front camera
- Integration with the Vision Camera module
- Adjustable face visualization with customizable styles
- Convert frame to base64
``bash`
yarn add vision-camera-face-detector-v4
`jsx
import { StyleSheet, Text, View } from 'react-native';
import React, { useEffect, useState } from 'react';
import {
Camera,
useCameraDevice,
useFrameProcessor,
} from 'react-native-vision-camera';
import { scanFaces } from 'vision-camera-face-detector-v4';
import { Worklets } from 'react-native-worklets-core';
export default function App() {
const device = useCameraDevice('front');
React.useEffect(() => {
(async () => {
const status = await Camera.requestCameraPermission();
console.log({ status });
})();
}, [device]);
const frameProcessor = useFrameProcessor((frame) => {
'worklet';
try {
const scannedFaces = scanFaces(frame, {});
console.log(scannedFaces?.faces);
} catch (error) {
console.error({ error });
}
}, []);
if (device == null) return
if (device) {
return (
device={device}
isActive={!!device}
frameProcessor={frameProcessor}
//pixel format should be either yuv or rgb
pixelFormat="yuv"
/>
);
}
}
``