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