react-native-mediapipe

A React Native Camera and Player for MediaPipe applications.

• Documentation

Requirements

• Gradle minimum SDK 24 or higher
• Android-SDK Version 26 or higher
• iOS 12 or higher

Features

• 🎥 Video streaming from a react-native app to a media pipe
• 🔍 AI Object Detection
• 🧩 Works as a react-native component

Getting Started

1. Install react-native-mediapipe from npm:

npm install react-native-mediapipe react-native-vision-camera react-native-worklets-core

or Install react-native-mediapipe from yarn:

yarn add  react-native-mediapipe react-native-vision-camera react-native-worklets-core

import { MediaPipeCamera } from "react-native-mediapipe";

2. In your babel.config.js file

module.exports = {
presets: ['module:@react-native/babel-present'],
plugins: [['react-native-worklets-core/plugin']],
}

3. In your gradle/build.gradle file

buildscript {
ext {
...
minSdkVersion = 24 (Make sure that this is at least 24)
...
  }
...
}

4. If you're on IOS: In your info.plist file in the outermost tag:

<key>NSCameraUsageDescription</key>
<string>$(PRODUCT_NAME) needs access to your Camera.</string>

<!-- optionally, if you want to record audio: -->
<key>NSMicrophoneUsageDescription</key>
<string>$(PRODUCT_NAME) needs access to your Microphone.</string>

then in your terminal:

cd ios
bundle install (you only need to do this once)
pod install

4. If you're on Android: In your AndroidManifest.xml file inside the tag:

<uses-permission android:name="android.permission.CAMERA" />

<!-- optionally, if you want to record audio: -->
<uses-permission android:name="android.permission.RECORD_AUDIO" />

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

Join the Community here!

License

MIT

See the License file for more information.

Made with create-react-native-library