railbird/react-native-vision-camera
9
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
706341fbdb
react-native-vision-camera/package/example
History
Marc Rousavy 2d66d5893c
docs: New V3 docs for new API (#1842) 
* docs: New V3 docs for new API

* fix: Prefer Wide-Angle unless explicitly opted-out

* docs: Update DEVICES

* Finish Devices docs

* Switch links

* Revert "Switch links"

This reverts commit 06f196ae0e67787cbd5768e125be6d0a3cb5bbc9.

* docs: New LIFECYCLE

* docs: New CAPTURING docs

* Update Worklets links

* docs: Update TROUBLESHOOTING and ZOOMING

* fix: Update `getAvailableCameraDevices()` usages

* docs: Update FORMATS

* Update Errors.kt

* docs: Fix broken links

* docs: Update references to old hooks

* docs: Create Frame Processor Tips

* docs: Auto-dark mode

* fix: Fix FPS filter

* feat: Add `'max'` flag to format filter

* fix: Use loop

* fix: Fix bug in `getCameraFormat`

* fix: Find best aspect ratio as well

* fix: Switch between formats on FPS change

* Update FRAME_PROCESSOR_PLUGIN_LIST.mdx

* Add FPS graph explanation

* feat: Support HDR filter

* docs: Add HDR docs

* docs: Add Video Stabilization

* docs: Update Skia docs

* Skia links

* Add Skia labels

* Update SKIA_FRAME_PROCESSORS.mdx

* docs: Add Performance

* Update some wording

* Update headers / and zoom

* Add examples for devices

* fix highlights

* fix: Expose `Frame`

* docs: Update FP docs

* Update links

* Update FRAME_PROCESSOR_CREATE_PLUGIN_IOS.mdx
2023-09-25 12:57:03 +02:00
..
android chore: Move everything into package/ (#1745) 2023-09-01 18:15:28 +02:00
ios feat: Implement resizeMode prop for iOS (#1838) 2023-09-23 10:14:27 +02:00
src docs: New V3 docs for new API (#1842) 2023-09-25 12:57:03 +02:00
.eslintrc.js chore: Move everything into package/ (#1745) 2023-09-01 18:15:28 +02:00
app.json chore: Move everything into package/ (#1745) 2023-09-01 18:15:28 +02:00
babel.config.js chore: Move everything into package/ (#1745) 2023-09-01 18:15:28 +02:00
clean.sh chore: Move everything into package/ (#1745) 2023-09-01 18:15:28 +02:00
index.js chore: Move everything into package/ (#1745) 2023-09-01 18:15:28 +02:00
metro.config.js chore: Move everything into package/ (#1745) 2023-09-01 18:15:28 +02:00
package.json docs: Update CONTRIBUTING 2023-09-01 18:32:23 +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 chore: Move everything into package/ (#1745) 2023-09-01 18:15:28 +02:00

README.md

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