react-native-vision-camera/example/README.md

48 lines
1.5 KiB
Markdown
Raw Normal View History

2021-02-20 08:37:42 -07:00
<div>
2021-03-03 04:42:28 -07:00
<img align="right" width="35%" src="../docs/static/img/example.png">
2021-02-20 08:37:42 -07:00
2021-02-20 08:38:40 -07:00
<h1>Vison Camera playground</h1>
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"
</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-03-04 02:45:50 -07:00
git clone https://github.com/cuvent/react-native-vision-camera
2021-02-19 12:15:28 -07:00
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