Security News
tea.xyz Spam Plagues npm and RubyGems Package Registries
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
react-native-vision-camera-face-detector
Advanced tools
Readme
react-native-vision-camera-face-detector
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.
If you like this package please give it a ⭐ on GitHub.
yarn add react-native-vision-camera-face-detector
Then you need to add react-native-worklets-core
plugin to babel.config.js
. More details here.
Recommended way:
import {
StyleSheet,
Text,
View
} from 'react-native'
import {
useEffect,
useState,
useRef
} from 'react'
import {
Frame,
useCameraDevice
} from 'react-native-vision-camera'
import {
Face,
Camera,
FaceDetectionOptions
} from 'react-native-vision-camera-face-detector'
export default function App() {
const faceDetectionOptions = useRef<FaceDetectionOptions>( {
// detection options
} ).current
const device = useCameraDevice('front')
useEffect(() => {
(async () => {
const status = await Camera.requestCameraPermission()
console.log({ status })
})()
}, [device])
function handleFacesDetection( (
faces: Face[],
frame: Frame
) {
console.log(
'faces', faces.length,
'frame', frame.toString()
)
})
return (
<View style={{ flex: 1 }}>
{!!device? <Camera
style={StyleSheet.absoluteFill}
device={device}
faceDetectionCallback={ handleFacesDetection }
faceDetectionOptions={ faceDetectionOptions }
/> : <Text>
No Device
</Text>}
</View>
)
}
OBS: If you want to use Skia Frame Processor
you should DISABLE auto scaling. See this and this for more details.
Option | Description | Default |
---|---|---|
performanceMode | Favor speed or accuracy when detecting faces. | fast |
landmarkMode | Whether to attempt to identify facial landmarks : eyes, ears, nose, cheeks, mouth, and so on. | none |
contourMode | Whether to detect the contours of facial features. Contours are detected for only the most prominent face in an image. | none |
classificationMode | Whether or not to classify faces into categories such as 'smiling', and 'eyes open'. | none |
minFaceSize | Sets the smallest desired face size, expressed as the ratio of the width of the head to width of the image. | 0.15 |
trackingEnabled | Whether or not to assign faces an ID, which can be used to track faces across images. Note that when contour detection is enabled, only one face is detected, so face tracking doesn't produce useful results. For this reason, and to improve detection speed, don't enable both contour detection and face tracking. | false |
autoScale | Should auto scale face bounds, contour and landmarks on native side? If this option is disabled all detection results will be relative to frame coordinates, not to screen/preview. This option should be DISABLED if you want to draw on frame using Skia Frame Processor . | false |
Here is a common issue when trying to use this package and how you can try to fix it:
Regular javascript function cannot be shared. Try decorating the function with the 'worklet' keyword...
:
react-native-reanimated
maybe you're missing this step.If you find other errors while using this package you're wellcome to open a new issue or create a PR with the fix.
This package was tested using the following:
react-native
: 0.73.6
(new arch disabled)react-native-vision-camera
: 4.0.0-beta.11
react-native-worklets-core
: 0.4.0
react-native-reanimated
: 3.8.1
expo
: 50.0.14
Min O.S version:
Android
: SDK 26
(Android 8)IOS
: 14
Made with ❤️ by nonam4
FAQs
Frame Processor Plugin to detect faces using MLKit Vision Face Detector for React Native Vision Camera!
The npm package react-native-vision-camera-face-detector receives a total of 372 weekly downloads. As such, react-native-vision-camera-face-detector popularity was classified as not popular.
We found that react-native-vision-camera-face-detector demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
Security News
As cyber threats become more autonomous, AI-powered defenses are crucial for businesses to stay ahead of attackers who can exploit software vulnerabilities at scale.
Security News
UnitedHealth Group disclosed that the ransomware attack on Change Healthcare compromised protected health information for millions in the U.S., with estimated costs to the company expected to reach $1 billion.