2021-02-20 08:37:42 -07:00
< div >
2023-09-01 11:52:08 -06:00
< img align = "right" width = "35%" src = "../../docs/static/img/example.png" >
2021-02-20 08:37:42 -07:00
2022-01-05 06:51:44 -07:00
< h1 > Vision Camera playground< / h1 >
2021-02-20 08:38:40 -07:00
2021-02-20 08:37:42 -07:00
< h2 > Overview< / h2 >
< p align = "left" >
This is a demo application featuring some of the many features of the Vision Camera:
* Photo capture
* Video capture
2021-03-04 06:12:20 -07:00
* Flipping device (back camera < - > front camera)
2021-02-20 08:37:42 -07:00
* 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 ](https://github.com/software-mansion/react-native-gesture-handler ) and [react-native-reanimated ](https://github.com/software-mansion/react-native-reanimated )
2021-03-04 06:12:20 -07:00
* Smoothly switching between constituent camera devices (see [demo on my Twitter ](https://twitter.com/mrousavy/status/1365267563375116292 ))
2021-02-20 08:37:42 -07:00
* HDR mode
* Night mode
* Flash for photo capture
* Flash for video capture
* Activating/Pausing the Camera but keeping it "warm"
2021-06-28 05:54:16 -06:00
* Using the Example Frame Processor Plugin
2021-02-20 08:37:42 -07:00
< / p >
< / div >
2021-02-19 12:15:28 -07:00
## Get started
To try the playground out for yourself, run the following commands:
```sh
2021-06-21 14:42:46 -06:00
git clone https://github.com/mrousavy/react-native-vision-camera
2024-02-23 11:37:44 -07:00
cd react-native-vision-camera/package
2021-02-19 12:15:28 -07:00
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