Go to file
2021-07-07 13:15:32 +02:00
.github Run dependabot for Android daily 2021-07-07 11:38:47 +02:00
.vscode VSCode settings 2021-02-20 17:13:02 +01:00
android fix: Fix lint error for missing JNI func 2021-07-07 13:15:32 +02:00
android-npm fix: Fix autolinking for android (#231) 2021-06-28 17:27:24 +02:00
docs Update FRAME_PROCESSORS.mdx 2021-07-07 10:21:17 +02:00
example chore: Clean up root directory (#236) 2021-07-06 16:42:58 +02:00
ios chore: Clean up root directory (#236) 2021-07-06 16:42:58 +02:00
scripts update clean scripts 2021-06-28 10:25:47 +02:00
src docs: Remove outdated "use-cases" docs 2021-07-06 16:59:09 +02:00
.eslintrc.js feature: Frame Processors (iOS) (#2) 2021-05-06 14:11:55 +02:00
.gitignore feat: Frame Processors for Android (#196) 2021-06-27 12:37:54 +02:00
CODE_OF_CONDUCT.md chore: Move to /mrousavy/ (#224) 2021-06-21 22:42:46 +02:00
CONTRIBUTING.md feat: Frame Processors for Android (#196) 2021-06-27 12:37:54 +02:00
LICENSE chore: Move to /mrousavy/ (#224) 2021-06-21 22:42:46 +02:00
package.json chore: Clean up root directory (#236) 2021-07-06 16:42:58 +02:00
README.md docs: Add link to Frame Processors to README 2021-07-06 10:26:41 +02:00
tsconfig.build.json Bootstrap 2021-02-19 16:07:53 +01:00
tsconfig.json chore: Clean up root directory (#236) 2021-07-06 16:42:58 +02:00
VisionCamera.podspec fix: React Native 0.65 compatibility (#230) 2021-06-28 18:27:03 +02:00
yarn.lock feat: Implement Frame.close() (#229) 2021-07-06 10:08:44 +02:00

Vision Camera



📸 The Camera library that sees the vision.
npm i react-native-vision-camera
npx pod-install
Buy Me a Coffee at ko-fi.com



Documentation

Features

  • Photo, Video and Snapshot capture
  • Customizable devices and multi-cameras (smoothly zoom out to "fish-eye" camera)
  • Customizable FPS
  • Frame Processors (JS worklets to run QR-Code scanning, facial recognition, AI object detection, realtime video chats, ...)
  • Smooth zooming (Reanimated)
  • Fast pause and resume
  • HDR & Night modes

See the example app

Example

function App() {
  const devices = useCameraDevices('wide-angle-camera')
  const device = devices.back

  if (device == null) return <LoadingView />
  return (
    <Camera
      style={StyleSheet.absoluteFill}
      device={device}
      isActive={true}
    />
  )
}

🚀 Get started by setting up permissions!