Skip to content

A React Native Camera and Player for MediaPipe applications.

License

Notifications You must be signed in to change notification settings

cdiddy77/react-native-mediapipe

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

react-native-mediapipe

A React Native Camera and Player for MediaPipe applications.

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";
  1. In your babel.config.js file
module.exports = {
presets: ['module:@react-native/babel-present'],
plugins: [['react-native-worklets-core/plugin']],
}
  1. In your gradle/build.gradle file
buildscript {
ext {
...
minSdkVersion = 24 (Make sure that this is at least 24)
...
  }
...
}
  1. 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
  1. 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