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