Camera Preview plugin

package-lock.json

@@ -15,6 +15,7 @@
         "@angular/platform-browser-dynamic": "~10.0.0",
         "@angular/router": "~10.0.0",
         "@angular/service-worker": "~10.0.0",
+        "@ionic-native/camera-preview": "^5.32.0",
         "@ionic-native/core": "^5.0.0",
         "@ionic-native/firebase-authentication": "^5.31.1",
         "@ionic-native/google-plus": "^5.31.1",
@@ -51,6 +52,7 @@
         "cordova-android": "^9.0.0",
         "cordova-plugin-androidx": "^3.0.0",
         "cordova-plugin-androidx-adapter": "^1.1.3",
+        "cordova-plugin-camera-preview": "^0.12.1",
         "cordova-plugin-device": "^2.0.2",
         "cordova-plugin-ionic-keyboard": "^2.2.0",
         "cordova-plugin-ionic-webview": "^4.2.1",
@@ -2382,6 +2384,18 @@
         "node": ">=6"
       }
     },
+    "node_modules/@ionic-native/camera-preview": {
+      "version": "5.32.0",
+      "resolved": "https://registry.npmjs.org/@ionic-native/camera-preview/-/camera-preview-5.32.0.tgz",
+      "integrity": "sha512-jq+suIRWXe54OWoCsm6zDmYYYAoGsuJdV346+c43NATXbTWA3BqGxJ0MxYKKFL1ssHAYfJK8FPnfCdbVFFryOQ==",
+      "dependencies": {
+        "@types/cordova": "latest"
+      },
+      "peerDependencies": {
+        "@ionic-native/core": "^5.1.0",
+        "rxjs": "^5.5.0 || ^6.5.0"
+      }
+    },
     "node_modules/@ionic-native/core": {
       "version": "5.32.0",
       "resolved": "https://registry.npmjs.org/@ionic-native/core/-/core-5.32.0.tgz",
@@ -5911,6 +5925,12 @@
         "recursive-readdir": "^2.2.2"
       }
     },
+    "node_modules/cordova-plugin-camera-preview": {
+      "version": "0.12.1",
+      "resolved": "https://registry.npmjs.org/cordova-plugin-camera-preview/-/cordova-plugin-camera-preview-0.12.1.tgz",
+      "integrity": "sha512-cBM7Xg4q6ZB/K5NYHty4z7+F0mvSFcFgrrP9yDflHcs60ylVP28OyJUAQpVf7I1x7sHTLL7OnBmFdol3CxmAfQ==",
+      "dev": true
+    },
     "node_modules/cordova-plugin-device": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/cordova-plugin-device/-/cordova-plugin-device-2.0.3.tgz",
@@ -22396,6 +22416,14 @@
         "protobufjs": "^6.8.6"
       }
     },
+    "@ionic-native/camera-preview": {
+      "version": "5.32.0",
+      "resolved": "https://registry.npmjs.org/@ionic-native/camera-preview/-/camera-preview-5.32.0.tgz",
+      "integrity": "sha512-jq+suIRWXe54OWoCsm6zDmYYYAoGsuJdV346+c43NATXbTWA3BqGxJ0MxYKKFL1ssHAYfJK8FPnfCdbVFFryOQ==",
+      "requires": {
+        "@types/cordova": "latest"
+      }
+    },
     "@ionic-native/core": {
       "version": "5.32.0",
       "resolved": "https://registry.npmjs.org/@ionic-native/core/-/core-5.32.0.tgz",
@@ -25325,6 +25353,12 @@
         "recursive-readdir": "^2.2.2"
       }
     },
+    "cordova-plugin-camera-preview": {
+      "version": "0.12.1",
+      "resolved": "https://registry.npmjs.org/cordova-plugin-camera-preview/-/cordova-plugin-camera-preview-0.12.1.tgz",
+      "integrity": "sha512-cBM7Xg4q6ZB/K5NYHty4z7+F0mvSFcFgrrP9yDflHcs60ylVP28OyJUAQpVf7I1x7sHTLL7OnBmFdol3CxmAfQ==",
+      "dev": true
+    },
     "cordova-plugin-device": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/cordova-plugin-device/-/cordova-plugin-device-2.0.3.tgz",

package.json

@@ -26,6 +26,7 @@
     "@angular/platform-browser-dynamic": "~10.0.0",
     "@angular/router": "~10.0.0",
     "@angular/service-worker": "~10.0.0",
+    "@ionic-native/camera-preview": "^5.32.0",
     "@ionic-native/core": "^5.0.0",
     "@ionic-native/firebase-authentication": "^5.31.1",
     "@ionic-native/google-plus": "^5.31.1",
@@ -62,6 +63,7 @@
     "cordova-android": "^9.0.0",
     "cordova-plugin-androidx": "^3.0.0",
     "cordova-plugin-androidx-adapter": "^1.1.3",
+    "cordova-plugin-camera-preview": "^0.12.1",
     "cordova-plugin-device": "^2.0.2",
     "cordova-plugin-ionic-keyboard": "^2.2.0",
     "cordova-plugin-ionic-webview": "^4.2.1",
@@ -91,10 +93,11 @@
       },
       "cordova-plugin-ionic-keyboard": {},
       "cordova-plugin-androidx": {},
-      "cordova-plugin-androidx-adapter": {}
+      "cordova-plugin-androidx-adapter": {},
+      "cordova-plugin-camera-preview": {}
     },
     "platforms": [
       "android"
     ]
   }
-}
+}

src/app/app.module.ts

@@ -5,6 +5,7 @@ import { RouteReuseStrategy } from '@angular/router';
 import { IonicModule, IonicRouteStrategy } from '@ionic/angular';
 import { SplashScreen } from '@ionic-native/splash-screen/ngx';
 import { StatusBar } from '@ionic-native/status-bar/ngx';
+import { CameraPreview } from '@ionic-native/camera-preview/ngx';
 
 import { AppRoutingModule } from './app-routing.module';
 import { AppComponent } from './app.component';
@@ -30,6 +31,7 @@ import { ToastService } from './services/toast.service';
   providers: [
     StatusBar,
     SplashScreen,
+    CameraPreview,
     NewsService,
     MatchService,
     ToastService,