react-native-vision-camera/package/example
Mateusz Mędrek a291642c53
feat: Reintroduce Macros for Frame Processor Plugin registration (#2027)
in VisionCamera v1 & v2 there were two ObjC macros that were helping
in creation/registration of Frame Processors, but these were removed with
v3

This PR reintroduces such macros, which will not only make FP development
easier, but also it will also fix issues people had with registration of
Swift Frame Processors (+load vs +initialize issues)

Docs were also updated to reflect that the macros should be used to
correctly initialize and register ObjC/Swift Frame Processors
2023-10-19 10:35:14 +02:00
..
android feat: Reintroduce Macros for Frame Processor Plugin registration (#2027) 2023-10-19 10:35:14 +02:00
ios feat: Reintroduce Macros for Frame Processor Plugin registration (#2027) 2023-10-19 10:35:14 +02:00
src feat: Reintroduce Macros for Frame Processor Plugin registration (#2027) 2023-10-19 10:35:14 +02:00
.eslintrc.js chore: Remove semicolons (#1846) 2023-09-26 11:39:17 +02:00
app.json chore: Move everything into package/ (#1745) 2023-09-01 18:15:28 +02:00
babel.config.js chore: Remove semicolons (#1846) 2023-09-26 11:39:17 +02:00
clean.sh chore: Move everything into package/ (#1745) 2023-09-01 18:15:28 +02:00
index.js chore: Remove semicolons (#1846) 2023-09-26 11:39:17 +02:00
metro.config.js chore: Remove semicolons (#1846) 2023-09-26 11:39:17 +02:00
package.json feat: Add "Camera Devices" screen to Example (#1927) 2023-10-05 14:52:03 +02:00
README.md Add Image to example 2023-09-01 19:52:08 +02:00
tsconfig.json chore: Move everything into package/ (#1745) 2023-09-01 18:15:28 +02:00
yarn.lock feat: Add "Camera Devices" screen to Example (#1927) 2023-10-05 14:52:03 +02:00

Vision Camera playground

Overview

This is a demo application featuring some of the many features of the Vision Camera:

  • Photo capture
  • Video capture
  • Flipping device (back camera <-> front camera)
  • Device filtering (ultra-wide-angle, wide-angle, telephoto, or even combined virtual multi-cameras)
  • Format filtering (targeting 60 FPS, best capture size, best matching aspect ratio, etc.)
  • Zooming using react-native-gesture-handler and react-native-reanimated
  • Smoothly switching between constituent camera devices (see demo on my Twitter)
  • HDR mode
  • Night mode
  • Flash for photo capture
  • Flash for video capture
  • Activating/Pausing the Camera but keeping it "warm"
  • Using the Example Frame Processor Plugin

Get started

To try the playground out for yourself, run the following commands:

git clone https://github.com/mrousavy/react-native-vision-camera
cd react-native-vision-camera
yarn bootstrap

iOS

  1. Open the example/ios/VisionCameraExample.xcworkspace file with Xcode
  2. Change signing configuration to your developer account
  3. Select your device in the devices drop-down
  4. Hit run

Android

  1. Open the example/android/ folder with Android Studio
  2. Select your device in the devices drop-down
  3. Hit run