react-native-vision-camera/example
Marc Rousavy 4038db2e28
feat: Frame Processors: Allow returning Frames (support for resize and other frame manipulations) (#185)
* batch

* Init Frame as box

* Use ObjC syntax

* Fix access

* Revert "Fix access"

This reverts commit 7de09e52739d4c2b53f485d5ed696f1665fa5737.

* Revert "Use ObjC syntax"

This reverts commit e33f05ae8451cc4ee24af41d14dc76a57c157554.

* Revert "Init Frame as box"

This reverts commit 5adafb6109bfbf7fddb8ddc4af7d306b7b76b476.

* use holder

* convert buffer <-> jsi object

* add docs

* add more docs

* Update JSIUtils.mm

* Update FRAME_PROCESSORS_CREATE_OVERVIEW.mdx

* Update CameraView+RecordVideo.swift
2021-06-08 14:20:07 +02:00
..
android chore(deps): Bump Android native dependencies (#150) 2021-05-27 11:29:52 +02:00
ios feat: Frame Processors: Allow returning Frames (support for resize and other frame manipulations) (#185) 2021-06-08 14:20:07 +02:00
src feat: Separate usecases (decouple microphone, video, photo) (#168) 2021-06-07 13:08:40 +02:00
app.json Bootstrap 2021-02-19 16:07:53 +01:00
babel.config.js feature: Frame Processors (iOS) (#2) 2021-05-06 14:11:55 +02:00
clean.sh feature: Frame Processors (iOS) (#2) 2021-05-06 14:11:55 +02:00
index.js chore: Cleanup codebase (#137) 2021-05-11 12:59:05 +02:00
metro.config.js feature: Frame Processors (iOS) (#2) 2021-05-06 14:11:55 +02:00
package.json chore(deps-dev): bump typescript from 4.2.4 to 4.3.2 in /example (#157) 2021-06-08 14:07:03 +02:00
README.md Update README.md 2021-03-04 14:12:20 +01:00
yarn.lock chore(deps-dev): bump typescript from 4.2.4 to 4.3.2 in /example (#157) 2021-06-08 14:07:03 +02:00

Vison 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"

Get started

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

git clone https://github.com/cuvent/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