vision-camera-trustee-face-detector-v3

Description

vision-camera-trustee-face-detector-v3 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.

Features

• Real-time face detection using the front camera
• Integration with the Vision Camera module
• Adjustable face visualization with customizable styles
• Convert frame to base64

Installation

1yarn add vision-camera-trustee-face-detector-v3

Usage

1import { StyleSheet, Text, View } from 'react-native';
2import React, { useEffect, useState } from 'react';
3import {
4  Camera,
5  useCameraDevice,
6  useFrameProcessor,
7} from 'react-native-vision-camera';
8import { scanFaces } from 'vision-camera-trustee-face-detector-v3';
9import { Worklets } from 'react-native-worklets-core';
10
11export default function App() {
12  const device = useCameraDevice('front');
13
14  React.useEffect(() => {
15    (async () => {
16      const status = await Camera.requestCameraPermission();
17      console.log({ status });
18    })();
19  }, [device]);
20
21  const frameProcessor = useFrameProcessor((frame) => {
22    'worklet';
23
24    try {
25      const scannedFaces = scanFaces(frame, {});
26      console.log(scannedFaces?.faces);
27    } catch (error) {
28      console.error({ error });
29    }
30  }, []);
31
32  if (device == null) return <Text>No Device</Text>;
33  if (device) {
34    return (
35      <View style={{ position: 'relative', flex: 1 }}>
36        <Camera
37          style={StyleSheet.absoluteFill}
38          device={device}
39          isActive={!!device}
40          frameProcessor={frameProcessor}
41          //pixel format should be either yuv or rgb
42          pixelFormat="yuv"
43        />
44      </View>
45    );
46  }
47}