diff --git a/package-lock.json b/package-lock.json
index 79ccaffb0..6ed7dd739 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -31,6 +31,7 @@
         "@awesome-cordova-plugins/document-viewer": "^5.41.0",
         "@awesome-cordova-plugins/file": "^5.41.0",
         "@awesome-cordova-plugins/file-opener": "^5.41.0",
+        "@awesome-cordova-plugins/media-capture": "^6.4.0",
         "@awesome-cordova-plugins/multiple-document-picker": "^5.40.0",
         "@capacitor-community/fcm": "^5.0.2",
         "@capacitor/android": "^5.4.2",
@@ -47,6 +48,7 @@
         "@capacitor/push-notifications": "^5.1.0",
         "@capacitor/share": "^4.1.0",
         "@capacitor/storage": "^1.2.5",
+        "@capawesome/capacitor-file-picker": "^5.1.1",
         "@fortawesome/angular-fontawesome": "^0.9.0",
         "@fortawesome/fontawesome-free": "^5.15.3",
         "@fortawesome/fontawesome-svg-core": "^1.2.35",
@@ -92,6 +94,7 @@
         "@pdftron/pdfjs-express": "^8.0.1",
         "@sentry/angular": "^7.13.0",
         "@sentry/capacitor": "^0.10.1",
+        "@teamhive/capacitor-video-recorder": "^5.0.0",
         "@tinymce/tinymce-angular": "^4.2.4",
         "@types/jest-environment-puppeteer": "^5.0.3",
         "@types/puppeteer": "^7.0.4",
@@ -105,6 +108,7 @@
         "bootstrap": "^4.5.0",
         "browser-image-resizer": "^2.4.1",
         "build": "0.1.4",
+        "capacitor-video-player": "^5.0.2",
         "capacitor-voice-recorder": "^4.0.1",
         "ci": "^2.1.1",
         "cordova": "^11.0.0",
@@ -169,6 +173,7 @@
         "ts-jest-puppeteer": "^0.0.5",
         "tslib": "^2.0.0",
         "uuidv4": "^6.2.11",
+        "videogular2": "^7.0.2",
         "webpack": "^5.88.2",
         "wordcloud": "^1.1.2",
         "ws": "^7.4.6",
@@ -184,6 +189,7 @@
         "@capacitor/cli": "^4.6.1",
         "@ionic/angular-toolkit": "^6.1.0",
         "@ionic/lab": "3.1.7",
+        "@types/core-js": "^2.5.7",
         "@types/jasmine": "~3.6.0",
         "@types/jasminewd2": "~2.0.3",
         "@types/jest": "^26.0.24",
@@ -1846,11 +1852,6 @@
         "rxjs": "^5.5.0 || ^6.5.0 || ^7.3.0"
       }
     },
-    "node_modules/@awesome-cordova-plugins/core/node_modules/@types/cordova": {
-      "version": "11.0.1",
-      "resolved": "https://registry.npmjs.org/@types/cordova/-/cordova-11.0.1.tgz",
-      "integrity": "sha512-Zd6LAhYUAdn0mL0SbxHeF4fO/3uzkcW3fzE0ZIK1wDlTRCWlI4/0i+Phb+otP9ryziyeW2LKofRNSP5yil85hA=="
-    },
     "node_modules/@awesome-cordova-plugins/document-viewer": {
       "version": "5.41.0",
       "resolved": "https://registry.npmjs.org/@awesome-cordova-plugins/document-viewer/-/document-viewer-5.41.0.tgz",
@@ -1863,11 +1864,6 @@
         "rxjs": "^5.5.0 || ^6.5.0 || ^7.3.0"
       }
     },
-    "node_modules/@awesome-cordova-plugins/document-viewer/node_modules/@types/cordova": {
-      "version": "11.0.1",
-      "resolved": "https://registry.npmjs.org/@types/cordova/-/cordova-11.0.1.tgz",
-      "integrity": "sha512-Zd6LAhYUAdn0mL0SbxHeF4fO/3uzkcW3fzE0ZIK1wDlTRCWlI4/0i+Phb+otP9ryziyeW2LKofRNSP5yil85hA=="
-    },
     "node_modules/@awesome-cordova-plugins/file": {
       "version": "5.41.0",
       "resolved": "https://registry.npmjs.org/@awesome-cordova-plugins/file/-/file-5.41.0.tgz",
@@ -1892,15 +1888,17 @@
         "rxjs": "^5.5.0 || ^6.5.0 || ^7.3.0"
       }
     },
-    "node_modules/@awesome-cordova-plugins/file-opener/node_modules/@types/cordova": {
-      "version": "11.0.1",
-      "resolved": "https://registry.npmjs.org/@types/cordova/-/cordova-11.0.1.tgz",
-      "integrity": "sha512-Zd6LAhYUAdn0mL0SbxHeF4fO/3uzkcW3fzE0ZIK1wDlTRCWlI4/0i+Phb+otP9ryziyeW2LKofRNSP5yil85hA=="
-    },
-    "node_modules/@awesome-cordova-plugins/file/node_modules/@types/cordova": {
-      "version": "11.0.1",
-      "resolved": "https://registry.npmjs.org/@types/cordova/-/cordova-11.0.1.tgz",
-      "integrity": "sha512-Zd6LAhYUAdn0mL0SbxHeF4fO/3uzkcW3fzE0ZIK1wDlTRCWlI4/0i+Phb+otP9ryziyeW2LKofRNSP5yil85hA=="
+    "node_modules/@awesome-cordova-plugins/media-capture": {
+      "version": "6.4.0",
+      "resolved": "https://registry.npmjs.org/@awesome-cordova-plugins/media-capture/-/media-capture-6.4.0.tgz",
+      "integrity": "sha512-HP6OsvIDr1V76UgBfNvhoy9dM1IC7Eo0ACisbPoJECZKVSNfTwWoVZonyCvp76U0xaoXuF10GRN6WlQisoWXIw==",
+      "dependencies": {
+        "@types/cordova": "latest"
+      },
+      "peerDependencies": {
+        "@awesome-cordova-plugins/core": "^6.0.1",
+        "rxjs": "^5.5.0 || ^6.5.0 || ^7.3.0"
+      }
     },
     "node_modules/@awesome-cordova-plugins/multiple-document-picker": {
       "version": "5.40.0",
@@ -1914,11 +1912,6 @@
         "rxjs": "^5.5.0 || ^6.5.0 || ^7.3.0"
       }
     },
-    "node_modules/@awesome-cordova-plugins/multiple-document-picker/node_modules/@types/cordova": {
-      "version": "11.0.1",
-      "resolved": "https://registry.npmjs.org/@types/cordova/-/cordova-11.0.1.tgz",
-      "integrity": "sha512-Zd6LAhYUAdn0mL0SbxHeF4fO/3uzkcW3fzE0ZIK1wDlTRCWlI4/0i+Phb+otP9ryziyeW2LKofRNSP5yil85hA=="
-    },
     "node_modules/@babel/code-frame": {
       "version": "7.18.6",
       "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.18.6.tgz",
@@ -3996,6 +3989,24 @@
         "@capacitor/core": "^3.0.0"
       }
     },
+    "node_modules/@capawesome/capacitor-file-picker": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/@capawesome/capacitor-file-picker/-/capacitor-file-picker-5.1.1.tgz",
+      "integrity": "sha512-VtWV/er8Kux5Bbb0BtRneAaL8aj7zKoSPSR5sn3QlVBccete+CX+nH3scg6JKrogoitNP35PS33LIoaz9WVZiA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/capawesome-team/"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/capawesome"
+        }
+      ],
+      "peerDependencies": {
+        "@capacitor/core": "^5.0.0"
+      }
+    },
     "node_modules/@cnakazawa/watch": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/@cnakazawa/watch/-/watch-1.0.4.tgz",
@@ -4815,11 +4826,6 @@
         "rxjs": "^5.5.0 || ^6.5.0"
       }
     },
-    "node_modules/@ionic-native/camera/node_modules/@types/cordova": {
-      "version": "11.0.1",
-      "resolved": "https://registry.npmjs.org/@types/cordova/-/cordova-11.0.1.tgz",
-      "integrity": "sha512-Zd6LAhYUAdn0mL0SbxHeF4fO/3uzkcW3fzE0ZIK1wDlTRCWlI4/0i+Phb+otP9ryziyeW2LKofRNSP5yil85hA=="
-    },
     "node_modules/@ionic-native/core": {
       "version": "5.36.0",
       "resolved": "https://registry.npmjs.org/@ionic-native/core/-/core-5.36.0.tgz",
@@ -4831,11 +4837,6 @@
         "rxjs": "^5.5.0 || ^6.5.0"
       }
     },
-    "node_modules/@ionic-native/core/node_modules/@types/cordova": {
-      "version": "11.0.1",
-      "resolved": "https://registry.npmjs.org/@types/cordova/-/cordova-11.0.1.tgz",
-      "integrity": "sha512-Zd6LAhYUAdn0mL0SbxHeF4fO/3uzkcW3fzE0ZIK1wDlTRCWlI4/0i+Phb+otP9ryziyeW2LKofRNSP5yil85hA=="
-    },
     "node_modules/@ionic-native/document-viewer": {
       "version": "5.36.0",
       "resolved": "https://registry.npmjs.org/@ionic-native/document-viewer/-/document-viewer-5.36.0.tgz",
@@ -4848,11 +4849,6 @@
         "rxjs": "^5.5.0 || ^6.5.0"
       }
     },
-    "node_modules/@ionic-native/document-viewer/node_modules/@types/cordova": {
-      "version": "11.0.1",
-      "resolved": "https://registry.npmjs.org/@types/cordova/-/cordova-11.0.1.tgz",
-      "integrity": "sha512-Zd6LAhYUAdn0mL0SbxHeF4fO/3uzkcW3fzE0ZIK1wDlTRCWlI4/0i+Phb+otP9ryziyeW2LKofRNSP5yil85hA=="
-    },
     "node_modules/@ionic-native/fcm": {
       "version": "5.36.0",
       "resolved": "https://registry.npmjs.org/@ionic-native/fcm/-/fcm-5.36.0.tgz",
@@ -4865,11 +4861,6 @@
         "rxjs": "^5.5.0 || ^6.5.0"
       }
     },
-    "node_modules/@ionic-native/fcm/node_modules/@types/cordova": {
-      "version": "11.0.1",
-      "resolved": "https://registry.npmjs.org/@types/cordova/-/cordova-11.0.1.tgz",
-      "integrity": "sha512-Zd6LAhYUAdn0mL0SbxHeF4fO/3uzkcW3fzE0ZIK1wDlTRCWlI4/0i+Phb+otP9ryziyeW2LKofRNSP5yil85hA=="
-    },
     "node_modules/@ionic-native/file": {
       "version": "5.36.0",
       "resolved": "https://registry.npmjs.org/@ionic-native/file/-/file-5.36.0.tgz",
@@ -4894,11 +4885,6 @@
         "rxjs": "^5.5.0 || ^6.5.0"
       }
     },
-    "node_modules/@ionic-native/file-opener/node_modules/@types/cordova": {
-      "version": "11.0.1",
-      "resolved": "https://registry.npmjs.org/@types/cordova/-/cordova-11.0.1.tgz",
-      "integrity": "sha512-Zd6LAhYUAdn0mL0SbxHeF4fO/3uzkcW3fzE0ZIK1wDlTRCWlI4/0i+Phb+otP9ryziyeW2LKofRNSP5yil85hA=="
-    },
     "node_modules/@ionic-native/file-path": {
       "version": "5.36.0",
       "resolved": "https://registry.npmjs.org/@ionic-native/file-path/-/file-path-5.36.0.tgz",
@@ -4911,16 +4897,6 @@
         "rxjs": "^5.5.0 || ^6.5.0"
       }
     },
-    "node_modules/@ionic-native/file-path/node_modules/@types/cordova": {
-      "version": "11.0.1",
-      "resolved": "https://registry.npmjs.org/@types/cordova/-/cordova-11.0.1.tgz",
-      "integrity": "sha512-Zd6LAhYUAdn0mL0SbxHeF4fO/3uzkcW3fzE0ZIK1wDlTRCWlI4/0i+Phb+otP9ryziyeW2LKofRNSP5yil85hA=="
-    },
-    "node_modules/@ionic-native/file/node_modules/@types/cordova": {
-      "version": "11.0.1",
-      "resolved": "https://registry.npmjs.org/@types/cordova/-/cordova-11.0.1.tgz",
-      "integrity": "sha512-Zd6LAhYUAdn0mL0SbxHeF4fO/3uzkcW3fzE0ZIK1wDlTRCWlI4/0i+Phb+otP9ryziyeW2LKofRNSP5yil85hA=="
-    },
     "node_modules/@ionic-native/fingerprint-aio": {
       "version": "4.20.0",
       "resolved": "https://registry.npmjs.org/@ionic-native/fingerprint-aio/-/fingerprint-aio-4.20.0.tgz",
@@ -4943,11 +4919,6 @@
         "rxjs": "^5.5.0 || ^6.5.0"
       }
     },
-    "node_modules/@ionic-native/http/node_modules/@types/cordova": {
-      "version": "11.0.1",
-      "resolved": "https://registry.npmjs.org/@types/cordova/-/cordova-11.0.1.tgz",
-      "integrity": "sha512-Zd6LAhYUAdn0mL0SbxHeF4fO/3uzkcW3fzE0ZIK1wDlTRCWlI4/0i+Phb+otP9ryziyeW2LKofRNSP5yil85hA=="
-    },
     "node_modules/@ionic-native/image-picker": {
       "version": "5.36.0",
       "resolved": "https://registry.npmjs.org/@ionic-native/image-picker/-/image-picker-5.36.0.tgz",
@@ -4960,11 +4931,6 @@
         "rxjs": "^5.5.0 || ^6.5.0"
       }
     },
-    "node_modules/@ionic-native/image-picker/node_modules/@types/cordova": {
-      "version": "11.0.1",
-      "resolved": "https://registry.npmjs.org/@types/cordova/-/cordova-11.0.1.tgz",
-      "integrity": "sha512-Zd6LAhYUAdn0mL0SbxHeF4fO/3uzkcW3fzE0ZIK1wDlTRCWlI4/0i+Phb+otP9ryziyeW2LKofRNSP5yil85hA=="
-    },
     "node_modules/@ionic-native/in-app-browser": {
       "version": "5.36.0",
       "resolved": "https://registry.npmjs.org/@ionic-native/in-app-browser/-/in-app-browser-5.36.0.tgz",
@@ -4977,11 +4943,6 @@
         "rxjs": "^5.5.0 || ^6.5.0"
       }
     },
-    "node_modules/@ionic-native/in-app-browser/node_modules/@types/cordova": {
-      "version": "11.0.1",
-      "resolved": "https://registry.npmjs.org/@types/cordova/-/cordova-11.0.1.tgz",
-      "integrity": "sha512-Zd6LAhYUAdn0mL0SbxHeF4fO/3uzkcW3fzE0ZIK1wDlTRCWlI4/0i+Phb+otP9ryziyeW2LKofRNSP5yil85hA=="
-    },
     "node_modules/@ionic-native/ionic-webview": {
       "version": "5.36.0",
       "resolved": "https://registry.npmjs.org/@ionic-native/ionic-webview/-/ionic-webview-5.36.0.tgz",
@@ -4994,11 +4955,6 @@
         "rxjs": "^5.5.0 || ^6.5.0"
       }
     },
-    "node_modules/@ionic-native/ionic-webview/node_modules/@types/cordova": {
-      "version": "11.0.1",
-      "resolved": "https://registry.npmjs.org/@types/cordova/-/cordova-11.0.1.tgz",
-      "integrity": "sha512-Zd6LAhYUAdn0mL0SbxHeF4fO/3uzkcW3fzE0ZIK1wDlTRCWlI4/0i+Phb+otP9ryziyeW2LKofRNSP5yil85hA=="
-    },
     "node_modules/@ionic-native/local-notifications": {
       "version": "4.20.0",
       "resolved": "https://registry.npmjs.org/@ionic-native/local-notifications/-/local-notifications-4.20.0.tgz",
@@ -5033,16 +4989,6 @@
         "rxjs": "^5.5.0 || ^6.5.0"
       }
     },
-    "node_modules/@ionic-native/media-capture/node_modules/@types/cordova": {
-      "version": "11.0.1",
-      "resolved": "https://registry.npmjs.org/@types/cordova/-/cordova-11.0.1.tgz",
-      "integrity": "sha512-Zd6LAhYUAdn0mL0SbxHeF4fO/3uzkcW3fzE0ZIK1wDlTRCWlI4/0i+Phb+otP9ryziyeW2LKofRNSP5yil85hA=="
-    },
-    "node_modules/@ionic-native/media/node_modules/@types/cordova": {
-      "version": "11.0.1",
-      "resolved": "https://registry.npmjs.org/@types/cordova/-/cordova-11.0.1.tgz",
-      "integrity": "sha512-Zd6LAhYUAdn0mL0SbxHeF4fO/3uzkcW3fzE0ZIK1wDlTRCWlI4/0i+Phb+otP9ryziyeW2LKofRNSP5yil85hA=="
-    },
     "node_modules/@ionic-native/network": {
       "version": "5.36.0",
       "resolved": "https://registry.npmjs.org/@ionic-native/network/-/network-5.36.0.tgz",
@@ -5055,11 +5001,6 @@
         "rxjs": "^5.5.0 || ^6.5.0"
       }
     },
-    "node_modules/@ionic-native/network/node_modules/@types/cordova": {
-      "version": "11.0.1",
-      "resolved": "https://registry.npmjs.org/@types/cordova/-/cordova-11.0.1.tgz",
-      "integrity": "sha512-Zd6LAhYUAdn0mL0SbxHeF4fO/3uzkcW3fzE0ZIK1wDlTRCWlI4/0i+Phb+otP9ryziyeW2LKofRNSP5yil85hA=="
-    },
     "node_modules/@ionic-native/photo-viewer": {
       "version": "5.36.0",
       "resolved": "https://registry.npmjs.org/@ionic-native/photo-viewer/-/photo-viewer-5.36.0.tgz",
@@ -5072,11 +5013,6 @@
         "rxjs": "^5.5.0 || ^6.5.0"
       }
     },
-    "node_modules/@ionic-native/photo-viewer/node_modules/@types/cordova": {
-      "version": "11.0.1",
-      "resolved": "https://registry.npmjs.org/@types/cordova/-/cordova-11.0.1.tgz",
-      "integrity": "sha512-Zd6LAhYUAdn0mL0SbxHeF4fO/3uzkcW3fzE0ZIK1wDlTRCWlI4/0i+Phb+otP9ryziyeW2LKofRNSP5yil85hA=="
-    },
     "node_modules/@ionic-native/screen-orientation": {
       "version": "5.36.0",
       "resolved": "https://registry.npmjs.org/@ionic-native/screen-orientation/-/screen-orientation-5.36.0.tgz",
@@ -5089,11 +5025,6 @@
         "rxjs": "^5.5.0 || ^6.5.0"
       }
     },
-    "node_modules/@ionic-native/screen-orientation/node_modules/@types/cordova": {
-      "version": "11.0.1",
-      "resolved": "https://registry.npmjs.org/@types/cordova/-/cordova-11.0.1.tgz",
-      "integrity": "sha512-Zd6LAhYUAdn0mL0SbxHeF4fO/3uzkcW3fzE0ZIK1wDlTRCWlI4/0i+Phb+otP9ryziyeW2LKofRNSP5yil85hA=="
-    },
     "node_modules/@ionic-native/social-sharing": {
       "version": "5.36.0",
       "resolved": "https://registry.npmjs.org/@ionic-native/social-sharing/-/social-sharing-5.36.0.tgz",
@@ -5106,11 +5037,6 @@
         "rxjs": "^5.5.0 || ^6.5.0"
       }
     },
-    "node_modules/@ionic-native/social-sharing/node_modules/@types/cordova": {
-      "version": "11.0.1",
-      "resolved": "https://registry.npmjs.org/@types/cordova/-/cordova-11.0.1.tgz",
-      "integrity": "sha512-Zd6LAhYUAdn0mL0SbxHeF4fO/3uzkcW3fzE0ZIK1wDlTRCWlI4/0i+Phb+otP9ryziyeW2LKofRNSP5yil85hA=="
-    },
     "node_modules/@ionic-native/splash-screen": {
       "version": "5.36.0",
       "resolved": "https://registry.npmjs.org/@ionic-native/splash-screen/-/splash-screen-5.36.0.tgz",
@@ -5123,11 +5049,6 @@
         "rxjs": "^5.5.0 || ^6.5.0"
       }
     },
-    "node_modules/@ionic-native/splash-screen/node_modules/@types/cordova": {
-      "version": "11.0.1",
-      "resolved": "https://registry.npmjs.org/@types/cordova/-/cordova-11.0.1.tgz",
-      "integrity": "sha512-Zd6LAhYUAdn0mL0SbxHeF4fO/3uzkcW3fzE0ZIK1wDlTRCWlI4/0i+Phb+otP9ryziyeW2LKofRNSP5yil85hA=="
-    },
     "node_modules/@ionic-native/sqlite": {
       "version": "5.36.0",
       "resolved": "https://registry.npmjs.org/@ionic-native/sqlite/-/sqlite-5.36.0.tgz",
@@ -5150,11 +5071,6 @@
         "rxjs": "^5.5.11"
       }
     },
-    "node_modules/@ionic-native/sqlite/node_modules/@types/cordova": {
-      "version": "11.0.1",
-      "resolved": "https://registry.npmjs.org/@types/cordova/-/cordova-11.0.1.tgz",
-      "integrity": "sha512-Zd6LAhYUAdn0mL0SbxHeF4fO/3uzkcW3fzE0ZIK1wDlTRCWlI4/0i+Phb+otP9ryziyeW2LKofRNSP5yil85hA=="
-    },
     "node_modules/@ionic-native/status-bar": {
       "version": "5.36.0",
       "resolved": "https://registry.npmjs.org/@ionic-native/status-bar/-/status-bar-5.36.0.tgz",
@@ -5167,11 +5083,6 @@
         "rxjs": "^5.5.0 || ^6.5.0"
       }
     },
-    "node_modules/@ionic-native/status-bar/node_modules/@types/cordova": {
-      "version": "11.0.1",
-      "resolved": "https://registry.npmjs.org/@types/cordova/-/cordova-11.0.1.tgz",
-      "integrity": "sha512-Zd6LAhYUAdn0mL0SbxHeF4fO/3uzkcW3fzE0ZIK1wDlTRCWlI4/0i+Phb+otP9ryziyeW2LKofRNSP5yil85hA=="
-    },
     "node_modules/@ionic-native/streaming-media": {
       "version": "5.36.0",
       "resolved": "https://registry.npmjs.org/@ionic-native/streaming-media/-/streaming-media-5.36.0.tgz",
@@ -5184,11 +5095,6 @@
         "rxjs": "^5.5.0 || ^6.5.0"
       }
     },
-    "node_modules/@ionic-native/streaming-media/node_modules/@types/cordova": {
-      "version": "11.0.1",
-      "resolved": "https://registry.npmjs.org/@types/cordova/-/cordova-11.0.1.tgz",
-      "integrity": "sha512-Zd6LAhYUAdn0mL0SbxHeF4fO/3uzkcW3fzE0ZIK1wDlTRCWlI4/0i+Phb+otP9ryziyeW2LKofRNSP5yil85hA=="
-    },
     "node_modules/@ionic-native/wheel-selector": {
       "version": "5.36.0",
       "resolved": "https://registry.npmjs.org/@ionic-native/wheel-selector/-/wheel-selector-5.36.0.tgz",
@@ -5201,11 +5107,6 @@
         "rxjs": "^5.5.0 || ^6.5.0"
       }
     },
-    "node_modules/@ionic-native/wheel-selector/node_modules/@types/cordova": {
-      "version": "11.0.1",
-      "resolved": "https://registry.npmjs.org/@types/cordova/-/cordova-11.0.1.tgz",
-      "integrity": "sha512-Zd6LAhYUAdn0mL0SbxHeF4fO/3uzkcW3fzE0ZIK1wDlTRCWlI4/0i+Phb+otP9ryziyeW2LKofRNSP5yil85hA=="
-    },
     "node_modules/@ionic/angular": {
       "version": "6.7.5",
       "resolved": "https://registry.npmjs.org/@ionic/angular/-/angular-6.7.5.tgz",
@@ -8190,6 +8091,14 @@
         "node": ">=6"
       }
     },
+    "node_modules/@teamhive/capacitor-video-recorder": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/@teamhive/capacitor-video-recorder/-/capacitor-video-recorder-5.0.0.tgz",
+      "integrity": "sha512-ty5TzjeZRYYva569l0jH/PwGFOLd6WsMgMBN4/qxkmRgHB/+bGRPlO7VFMhxwnn1FXCsx47XZtCYVJPwLpV5VA==",
+      "peerDependencies": {
+        "@capacitor/core": "^3.0.0"
+      }
+    },
     "node_modules/@tinymce/tinymce-angular": {
       "version": "4.2.4",
       "resolved": "https://registry.npmjs.org/@tinymce/tinymce-angular/-/tinymce-angular-4.2.4.tgz",
@@ -8301,6 +8210,17 @@
       "resolved": "https://registry.npmjs.org/@types/cookie/-/cookie-0.4.1.tgz",
       "integrity": "sha512-XW/Aa8APYr6jSVVA1y/DEIZX0/GMKLEVekNG727R8cs56ahETkRAy/3DR7+fJyh7oUgGwNQaRfXCun0+KbWY7Q=="
     },
+    "node_modules/@types/cordova": {
+      "version": "11.0.2",
+      "resolved": "https://registry.npmjs.org/@types/cordova/-/cordova-11.0.2.tgz",
+      "integrity": "sha512-swXLtFffXPQYz80eEX4URII7obHBZCS01JtI2Fh0Gt6dxgwoyDB7ZzfkRZgHHDxl1qRdMVRICMvfx2USIHPWCA=="
+    },
+    "node_modules/@types/core-js": {
+      "version": "2.5.7",
+      "resolved": "https://registry.npmjs.org/@types/core-js/-/core-js-2.5.7.tgz",
+      "integrity": "sha512-EhO4Lcd2Rs2bZvQwIDMZ1qsaZk8DpdOkQCbKpK0vt7fSjJGXrCA7EPauR/BZ7eJXks1een4FX7JtlhS136fklA==",
+      "dev": true
+    },
     "node_modules/@types/cors": {
       "version": "2.8.12",
       "resolved": "https://registry.npmjs.org/@types/cors/-/cors-2.8.12.tgz",
@@ -11262,6 +11182,15 @@
       "resolved": "https://registry.npmjs.org/canonical-path/-/canonical-path-1.0.0.tgz",
       "integrity": "sha512-feylzsbDxi1gPZ1IjystzIQZagYYLvfKrSuygUCgf7z6x790VEzze5QEkdSV1U58RA7Hi0+v6fv4K54atOzATg=="
     },
+    "node_modules/capacitor-video-player": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/capacitor-video-player/-/capacitor-video-player-5.0.2.tgz",
+      "integrity": "sha512-N262e64m9of4SAfhwUVwXJ8LZSFACAZ9127+lLpdlxhWf//QFksTTSaUTVT1ygZkypjVWF06bAZZZl9klBB/pA==",
+      "peerDependencies": {
+        "@capacitor/core": "^5.0.0",
+        "hls.js": "^1.4.0"
+      }
+    },
     "node_modules/capacitor-voice-recorder": {
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/capacitor-voice-recorder/-/capacitor-voice-recorder-4.0.1.tgz",
@@ -17495,6 +17424,12 @@
         "he": "bin/he"
       }
     },
+    "node_modules/hls.js": {
+      "version": "1.4.12",
+      "resolved": "https://registry.npmjs.org/hls.js/-/hls.js-1.4.12.tgz",
+      "integrity": "sha512-1RBpx2VihibzE3WE9kGoVCtrhhDWTzydzElk/kyRbEOLnb1WIE+3ZabM/L8BqKFTCL3pUy4QzhXgD1Q6Igr1JA==",
+      "peer": true
+    },
     "node_modules/hmac-drbg": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/hmac-drbg/-/hmac-drbg-1.0.1.tgz",
@@ -42038,6 +41973,15 @@
       "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.2.tgz",
       "integrity": "sha512-3lqz5YjWTYnW6dlDa5TLaTCcShfar1e40rmcJVwCBJC6mWlFuj0eCHIElmG1g5kyuJ/GD+8Wn4FFCcz4gJPfaQ=="
     },
+    "node_modules/videogular2": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/videogular2/-/videogular2-7.0.2.tgz",
+      "integrity": "sha512-Y5r2S2nG3ALFSW2i48QXgJjAEERYGwJoub4DeIYLczkSRrkkwIypSOBCEprI9csmynwKAJ79rUy8DLN13DGlIQ==",
+      "peerDependencies": {
+        "@angular/core": "^8.0.0",
+        "rxjs": "^6.3.0"
+      }
+    },
     "node_modules/vm-browserify": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/vm-browserify/-/vm-browserify-1.1.2.tgz",
@@ -45073,13 +45017,6 @@
       "integrity": "sha512-tk5QlnXfSE2Zu3mJVC3f11Guu5iqnLtNkvvClNHjz/e4FsJEmprfXWCv/QImWs5fLsismHcn31LKYBfWIhOv9g==",
       "requires": {
         "@types/cordova": "latest"
-      },
-      "dependencies": {
-        "@types/cordova": {
-          "version": "11.0.1",
-          "resolved": "https://registry.npmjs.org/@types/cordova/-/cordova-11.0.1.tgz",
-          "integrity": "sha512-Zd6LAhYUAdn0mL0SbxHeF4fO/3uzkcW3fzE0ZIK1wDlTRCWlI4/0i+Phb+otP9ryziyeW2LKofRNSP5yil85hA=="
-        }
       }
     },
     "@awesome-cordova-plugins/document-viewer": {
@@ -45088,13 +45025,6 @@
       "integrity": "sha512-90zZvtYuCHTvK55LDoESd7F3OtuDj8AJ0C0Owz+PqZq2J2fUP4fzd7lJE89Cp6vZet7rjiOz7d/8hbTxKMWsdg==",
       "requires": {
         "@types/cordova": "latest"
-      },
-      "dependencies": {
-        "@types/cordova": {
-          "version": "11.0.1",
-          "resolved": "https://registry.npmjs.org/@types/cordova/-/cordova-11.0.1.tgz",
-          "integrity": "sha512-Zd6LAhYUAdn0mL0SbxHeF4fO/3uzkcW3fzE0ZIK1wDlTRCWlI4/0i+Phb+otP9ryziyeW2LKofRNSP5yil85hA=="
-        }
       }
     },
     "@awesome-cordova-plugins/file": {
@@ -45103,13 +45033,6 @@
       "integrity": "sha512-1UrtbRdHIDZEFD6UnKFeBpITK+UqrAhr/saJmMsXLjCtsdJFB05abNHzcfdBO+z3mQFK/DnMQ0YdYJtR5x6zYw==",
       "requires": {
         "@types/cordova": "latest"
-      },
-      "dependencies": {
-        "@types/cordova": {
-          "version": "11.0.1",
-          "resolved": "https://registry.npmjs.org/@types/cordova/-/cordova-11.0.1.tgz",
-          "integrity": "sha512-Zd6LAhYUAdn0mL0SbxHeF4fO/3uzkcW3fzE0ZIK1wDlTRCWlI4/0i+Phb+otP9ryziyeW2LKofRNSP5yil85hA=="
-        }
       }
     },
     "@awesome-cordova-plugins/file-opener": {
@@ -45118,13 +45041,14 @@
       "integrity": "sha512-CFdAum1EOxSdi+yMzEkOribU/joaDiqs1lL/ddxj7I78ryzlU+dj7rg6HZKvAN7aTjbWTX6A3p628eNpQoopgg==",
       "requires": {
         "@types/cordova": "latest"
-      },
-      "dependencies": {
-        "@types/cordova": {
-          "version": "11.0.1",
-          "resolved": "https://registry.npmjs.org/@types/cordova/-/cordova-11.0.1.tgz",
-          "integrity": "sha512-Zd6LAhYUAdn0mL0SbxHeF4fO/3uzkcW3fzE0ZIK1wDlTRCWlI4/0i+Phb+otP9ryziyeW2LKofRNSP5yil85hA=="
-        }
+      }
+    },
+    "@awesome-cordova-plugins/media-capture": {
+      "version": "6.4.0",
+      "resolved": "https://registry.npmjs.org/@awesome-cordova-plugins/media-capture/-/media-capture-6.4.0.tgz",
+      "integrity": "sha512-HP6OsvIDr1V76UgBfNvhoy9dM1IC7Eo0ACisbPoJECZKVSNfTwWoVZonyCvp76U0xaoXuF10GRN6WlQisoWXIw==",
+      "requires": {
+        "@types/cordova": "latest"
       }
     },
     "@awesome-cordova-plugins/multiple-document-picker": {
@@ -45133,13 +45057,6 @@
       "integrity": "sha512-7mYRo2yulfgStK0XsPaTUJigFbYwlQy/qWjLRbNHMbEUOk372a/HnjTUwFBFT+oWX8k0Rn9hjX50Xsqoz46hyQ==",
       "requires": {
         "@types/cordova": "latest"
-      },
-      "dependencies": {
-        "@types/cordova": {
-          "version": "11.0.1",
-          "resolved": "https://registry.npmjs.org/@types/cordova/-/cordova-11.0.1.tgz",
-          "integrity": "sha512-Zd6LAhYUAdn0mL0SbxHeF4fO/3uzkcW3fzE0ZIK1wDlTRCWlI4/0i+Phb+otP9ryziyeW2LKofRNSP5yil85hA=="
-        }
       }
     },
     "@babel/code-frame": {
@@ -46612,6 +46529,12 @@
       "integrity": "sha512-pWhnw4U7wN/zFV4lA4BLMypSufTktCbk548Yk4whSb0KAq3R0mLfSubRIHkGdcPqQWCsM6g/zUuszurhz6ncWQ==",
       "requires": {}
     },
+    "@capawesome/capacitor-file-picker": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/@capawesome/capacitor-file-picker/-/capacitor-file-picker-5.1.1.tgz",
+      "integrity": "sha512-VtWV/er8Kux5Bbb0BtRneAaL8aj7zKoSPSR5sn3QlVBccete+CX+nH3scg6JKrogoitNP35PS33LIoaz9WVZiA==",
+      "requires": {}
+    },
     "@cnakazawa/watch": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/@cnakazawa/watch/-/watch-1.0.4.tgz",
@@ -47275,13 +47198,6 @@
       "integrity": "sha512-68hdPn0hA7yn4YNTgmLF32x/l7arFulboGhNiyFQ35/QxqrOmppf77p4xaPOyJtNyICKHLaiStC6w1eEAtl9MA==",
       "requires": {
         "@types/cordova": "latest"
-      },
-      "dependencies": {
-        "@types/cordova": {
-          "version": "11.0.1",
-          "resolved": "https://registry.npmjs.org/@types/cordova/-/cordova-11.0.1.tgz",
-          "integrity": "sha512-Zd6LAhYUAdn0mL0SbxHeF4fO/3uzkcW3fzE0ZIK1wDlTRCWlI4/0i+Phb+otP9ryziyeW2LKofRNSP5yil85hA=="
-        }
       }
     },
     "@ionic-native/core": {
@@ -47290,13 +47206,6 @@
       "integrity": "sha512-lOrkktadlKYbYf1LrDyAtsu1JnQ0oCCdkOU7iHQ8oXnNOkMwobFfD2m62F1CoOr0u9LIkpYnZSPjng8lZbmbNw==",
       "requires": {
         "@types/cordova": "latest"
-      },
-      "dependencies": {
-        "@types/cordova": {
-          "version": "11.0.1",
-          "resolved": "https://registry.npmjs.org/@types/cordova/-/cordova-11.0.1.tgz",
-          "integrity": "sha512-Zd6LAhYUAdn0mL0SbxHeF4fO/3uzkcW3fzE0ZIK1wDlTRCWlI4/0i+Phb+otP9ryziyeW2LKofRNSP5yil85hA=="
-        }
       }
     },
     "@ionic-native/document-viewer": {
@@ -47305,13 +47214,6 @@
       "integrity": "sha512-4AuQ7yDyN4coetNNDDkk5hf9ptoj+FvzBcOPH30ZVNnhlzvqtTT5t4coksDqzUlz5vqJuAGQwawpwqdYdTx0rA==",
       "requires": {
         "@types/cordova": "latest"
-      },
-      "dependencies": {
-        "@types/cordova": {
-          "version": "11.0.1",
-          "resolved": "https://registry.npmjs.org/@types/cordova/-/cordova-11.0.1.tgz",
-          "integrity": "sha512-Zd6LAhYUAdn0mL0SbxHeF4fO/3uzkcW3fzE0ZIK1wDlTRCWlI4/0i+Phb+otP9ryziyeW2LKofRNSP5yil85hA=="
-        }
       }
     },
     "@ionic-native/fcm": {
@@ -47320,13 +47222,6 @@
       "integrity": "sha512-hToPT/4lqdaCc99sUYgnHM+DSFTe4WphF7Ia00QtwsNGW5/pS8w9iZSgppij5OJtwe67dNsuf2+PkxS4r7av/g==",
       "requires": {
         "@types/cordova": "latest"
-      },
-      "dependencies": {
-        "@types/cordova": {
-          "version": "11.0.1",
-          "resolved": "https://registry.npmjs.org/@types/cordova/-/cordova-11.0.1.tgz",
-          "integrity": "sha512-Zd6LAhYUAdn0mL0SbxHeF4fO/3uzkcW3fzE0ZIK1wDlTRCWlI4/0i+Phb+otP9ryziyeW2LKofRNSP5yil85hA=="
-        }
       }
     },
     "@ionic-native/file": {
@@ -47335,13 +47230,6 @@
       "integrity": "sha512-x7yZ4VdC8n8FNlpRmUFtohNlOZnExvoxZ/6oCvGsV+ec8TJXUsDK/BYi1g+lkPTCUY3EmQIeBOe4PLO6fRJ7qg==",
       "requires": {
         "@types/cordova": "latest"
-      },
-      "dependencies": {
-        "@types/cordova": {
-          "version": "11.0.1",
-          "resolved": "https://registry.npmjs.org/@types/cordova/-/cordova-11.0.1.tgz",
-          "integrity": "sha512-Zd6LAhYUAdn0mL0SbxHeF4fO/3uzkcW3fzE0ZIK1wDlTRCWlI4/0i+Phb+otP9ryziyeW2LKofRNSP5yil85hA=="
-        }
       }
     },
     "@ionic-native/file-opener": {
@@ -47350,13 +47238,6 @@
       "integrity": "sha512-UKp3pbqvQXsAtLMJ5JE+KcTMxpjSZMFebf6nvy/KJvwy85JGIaCV4ZVM/H9CFUrHJMWBH6wDbY+WPygnsrl4Yg==",
       "requires": {
         "@types/cordova": "latest"
-      },
-      "dependencies": {
-        "@types/cordova": {
-          "version": "11.0.1",
-          "resolved": "https://registry.npmjs.org/@types/cordova/-/cordova-11.0.1.tgz",
-          "integrity": "sha512-Zd6LAhYUAdn0mL0SbxHeF4fO/3uzkcW3fzE0ZIK1wDlTRCWlI4/0i+Phb+otP9ryziyeW2LKofRNSP5yil85hA=="
-        }
       }
     },
     "@ionic-native/file-path": {
@@ -47365,13 +47246,6 @@
       "integrity": "sha512-zm7w8h15H9e210z7ZpfP07OD+9wl2B/0Sz87YJutkVAc1clVop3vElcy4IxGd6vqjMz5Xiw9k9AplbGdMPJIYQ==",
       "requires": {
         "@types/cordova": "latest"
-      },
-      "dependencies": {
-        "@types/cordova": {
-          "version": "11.0.1",
-          "resolved": "https://registry.npmjs.org/@types/cordova/-/cordova-11.0.1.tgz",
-          "integrity": "sha512-Zd6LAhYUAdn0mL0SbxHeF4fO/3uzkcW3fzE0ZIK1wDlTRCWlI4/0i+Phb+otP9ryziyeW2LKofRNSP5yil85hA=="
-        }
       }
     },
     "@ionic-native/fingerprint-aio": {
@@ -47386,13 +47260,6 @@
       "integrity": "sha512-3t7UhcqNxZuIX+HXuydlaDfA9AwDXiRFGs9GsHpJnXMTfbeKUcwzp0amqblrLslDA9tNfqSmJyFZFaMX6CRrog==",
       "requires": {
         "@types/cordova": "latest"
-      },
-      "dependencies": {
-        "@types/cordova": {
-          "version": "11.0.1",
-          "resolved": "https://registry.npmjs.org/@types/cordova/-/cordova-11.0.1.tgz",
-          "integrity": "sha512-Zd6LAhYUAdn0mL0SbxHeF4fO/3uzkcW3fzE0ZIK1wDlTRCWlI4/0i+Phb+otP9ryziyeW2LKofRNSP5yil85hA=="
-        }
       }
     },
     "@ionic-native/image-picker": {
@@ -47401,13 +47268,6 @@
       "integrity": "sha512-6RzK9x3/lnYvCYHeAzZuYejUKIifSnFt79iP2DvSZZ+4bu+a72yvPXx3xtHZZZT4sp4+vgZZNRfBYAJAikx6uw==",
       "requires": {
         "@types/cordova": "latest"
-      },
-      "dependencies": {
-        "@types/cordova": {
-          "version": "11.0.1",
-          "resolved": "https://registry.npmjs.org/@types/cordova/-/cordova-11.0.1.tgz",
-          "integrity": "sha512-Zd6LAhYUAdn0mL0SbxHeF4fO/3uzkcW3fzE0ZIK1wDlTRCWlI4/0i+Phb+otP9ryziyeW2LKofRNSP5yil85hA=="
-        }
       }
     },
     "@ionic-native/in-app-browser": {
@@ -47416,13 +47276,6 @@
       "integrity": "sha512-tX/FBT0jpkgEefZ8iorv5eDKfgP/ExbYr1AWg6okORQ0dwLfXsD5KDJgKHN9GFZvyuLNeaLpC1mN7CvwvLvmgA==",
       "requires": {
         "@types/cordova": "latest"
-      },
-      "dependencies": {
-        "@types/cordova": {
-          "version": "11.0.1",
-          "resolved": "https://registry.npmjs.org/@types/cordova/-/cordova-11.0.1.tgz",
-          "integrity": "sha512-Zd6LAhYUAdn0mL0SbxHeF4fO/3uzkcW3fzE0ZIK1wDlTRCWlI4/0i+Phb+otP9ryziyeW2LKofRNSP5yil85hA=="
-        }
       }
     },
     "@ionic-native/ionic-webview": {
@@ -47431,13 +47284,6 @@
       "integrity": "sha512-Xeabtfjw/OCa8tZUh3yVqomVNMztwmg0hXYrcX18r3+Zq0XYRSgNtsBHrye1rBgNkXYqblWQHZQErwrAC2UNxQ==",
       "requires": {
         "@types/cordova": "latest"
-      },
-      "dependencies": {
-        "@types/cordova": {
-          "version": "11.0.1",
-          "resolved": "https://registry.npmjs.org/@types/cordova/-/cordova-11.0.1.tgz",
-          "integrity": "sha512-Zd6LAhYUAdn0mL0SbxHeF4fO/3uzkcW3fzE0ZIK1wDlTRCWlI4/0i+Phb+otP9ryziyeW2LKofRNSP5yil85hA=="
-        }
       }
     },
     "@ionic-native/local-notifications": {
@@ -47452,13 +47298,6 @@
       "integrity": "sha512-WIDCeUlX7bCbse/x2Rr7mAIQJnLo18ZWcmsVgSTTBVS7ObU2DBl4ieqRx6y9PAAV+3tNZqMV4JAWDfMiFokpJg==",
       "requires": {
         "@types/cordova": "latest"
-      },
-      "dependencies": {
-        "@types/cordova": {
-          "version": "11.0.1",
-          "resolved": "https://registry.npmjs.org/@types/cordova/-/cordova-11.0.1.tgz",
-          "integrity": "sha512-Zd6LAhYUAdn0mL0SbxHeF4fO/3uzkcW3fzE0ZIK1wDlTRCWlI4/0i+Phb+otP9ryziyeW2LKofRNSP5yil85hA=="
-        }
       }
     },
     "@ionic-native/media-capture": {
@@ -47467,13 +47306,6 @@
       "integrity": "sha512-JBXZYsiIYO95bycF6EU8JBEai6UXdEx3dLnkXzJSYgYt8ynWceSr7Z/nPeuYfScEiKI3JA5FmaUGUsTkyHXOnw==",
       "requires": {
         "@types/cordova": "latest"
-      },
-      "dependencies": {
-        "@types/cordova": {
-          "version": "11.0.1",
-          "resolved": "https://registry.npmjs.org/@types/cordova/-/cordova-11.0.1.tgz",
-          "integrity": "sha512-Zd6LAhYUAdn0mL0SbxHeF4fO/3uzkcW3fzE0ZIK1wDlTRCWlI4/0i+Phb+otP9ryziyeW2LKofRNSP5yil85hA=="
-        }
       }
     },
     "@ionic-native/network": {
@@ -47482,13 +47314,6 @@
       "integrity": "sha512-gpa7cJqodEK+zmmViYJCqEpXoKSXcaYLaaRKdv5gn5M++bpmiw2pKM9JH8VoqYWaYDcUwD3S0yYeBBkG5DE0Kg==",
       "requires": {
         "@types/cordova": "latest"
-      },
-      "dependencies": {
-        "@types/cordova": {
-          "version": "11.0.1",
-          "resolved": "https://registry.npmjs.org/@types/cordova/-/cordova-11.0.1.tgz",
-          "integrity": "sha512-Zd6LAhYUAdn0mL0SbxHeF4fO/3uzkcW3fzE0ZIK1wDlTRCWlI4/0i+Phb+otP9ryziyeW2LKofRNSP5yil85hA=="
-        }
       }
     },
     "@ionic-native/photo-viewer": {
@@ -47497,13 +47322,6 @@
       "integrity": "sha512-VVCeDVRHTFLNVZUdvk3P+G4DhL54TGi3My2VBw4E8Kp11Clg4jdNPtMFRcwRoLk40LVB3Qaoq0avf1d5yKIZLw==",
       "requires": {
         "@types/cordova": "latest"
-      },
-      "dependencies": {
-        "@types/cordova": {
-          "version": "11.0.1",
-          "resolved": "https://registry.npmjs.org/@types/cordova/-/cordova-11.0.1.tgz",
-          "integrity": "sha512-Zd6LAhYUAdn0mL0SbxHeF4fO/3uzkcW3fzE0ZIK1wDlTRCWlI4/0i+Phb+otP9ryziyeW2LKofRNSP5yil85hA=="
-        }
       }
     },
     "@ionic-native/screen-orientation": {
@@ -47512,13 +47330,6 @@
       "integrity": "sha512-+VILGrCJO76Ta6Mudd6IKc66xDek1uw5OEovFWjGCqkg0OYHFIiJFZNx4NLhF5hA1UKN2fWE6qDJaSXR+1w1Rg==",
       "requires": {
         "@types/cordova": "latest"
-      },
-      "dependencies": {
-        "@types/cordova": {
-          "version": "11.0.1",
-          "resolved": "https://registry.npmjs.org/@types/cordova/-/cordova-11.0.1.tgz",
-          "integrity": "sha512-Zd6LAhYUAdn0mL0SbxHeF4fO/3uzkcW3fzE0ZIK1wDlTRCWlI4/0i+Phb+otP9ryziyeW2LKofRNSP5yil85hA=="
-        }
       }
     },
     "@ionic-native/social-sharing": {
@@ -47527,13 +47338,6 @@
       "integrity": "sha512-DTgEpSYJxgLri0Hry3PpohtVIyi5srMqfPhhGfqVHh20xtvC56sHMvm9xpRg9cH6xtfBCzJbB0S+aGBtrU9m8g==",
       "requires": {
         "@types/cordova": "latest"
-      },
-      "dependencies": {
-        "@types/cordova": {
-          "version": "11.0.1",
-          "resolved": "https://registry.npmjs.org/@types/cordova/-/cordova-11.0.1.tgz",
-          "integrity": "sha512-Zd6LAhYUAdn0mL0SbxHeF4fO/3uzkcW3fzE0ZIK1wDlTRCWlI4/0i+Phb+otP9ryziyeW2LKofRNSP5yil85hA=="
-        }
       }
     },
     "@ionic-native/splash-screen": {
@@ -47542,13 +47346,6 @@
       "integrity": "sha512-BfNknY1rrGE8JRnCdKfL5wz8yFLhpPU5FRr8/LA3L+EncvPvcb9LGidePoeH3gVLMkolm2DI2a/rCelNrJ1Sxw==",
       "requires": {
         "@types/cordova": "latest"
-      },
-      "dependencies": {
-        "@types/cordova": {
-          "version": "11.0.1",
-          "resolved": "https://registry.npmjs.org/@types/cordova/-/cordova-11.0.1.tgz",
-          "integrity": "sha512-Zd6LAhYUAdn0mL0SbxHeF4fO/3uzkcW3fzE0ZIK1wDlTRCWlI4/0i+Phb+otP9ryziyeW2LKofRNSP5yil85hA=="
-        }
       }
     },
     "@ionic-native/sqlite": {
@@ -47557,13 +47354,6 @@
       "integrity": "sha512-+1nXUqBucwG6MYoEvqKlZecvI3xVGWeKIzdZf8Nc4vQx4JFDUYdluiEw3mfzptCC1S/4l6skBsL8eZLFfpzUKA==",
       "requires": {
         "@types/cordova": "latest"
-      },
-      "dependencies": {
-        "@types/cordova": {
-          "version": "11.0.1",
-          "resolved": "https://registry.npmjs.org/@types/cordova/-/cordova-11.0.1.tgz",
-          "integrity": "sha512-Zd6LAhYUAdn0mL0SbxHeF4fO/3uzkcW3fzE0ZIK1wDlTRCWlI4/0i+Phb+otP9ryziyeW2LKofRNSP5yil85hA=="
-        }
       }
     },
     "@ionic-native/sqlite-porter": {
@@ -47578,13 +47368,6 @@
       "integrity": "sha512-OXC1z+4Iba4lo1dc2+0h4Gvpud3z0XQmEbw0ny9UflCuSkLqBxvmiNRU7CRQwPnT1KaGVXkaSokdwxO8H9IlNg==",
       "requires": {
         "@types/cordova": "latest"
-      },
-      "dependencies": {
-        "@types/cordova": {
-          "version": "11.0.1",
-          "resolved": "https://registry.npmjs.org/@types/cordova/-/cordova-11.0.1.tgz",
-          "integrity": "sha512-Zd6LAhYUAdn0mL0SbxHeF4fO/3uzkcW3fzE0ZIK1wDlTRCWlI4/0i+Phb+otP9ryziyeW2LKofRNSP5yil85hA=="
-        }
       }
     },
     "@ionic-native/streaming-media": {
@@ -47593,13 +47376,6 @@
       "integrity": "sha512-l4+r3O2VRfEw4if3BLdawNx+tApH+czpVlkz14szAmIvsIVUqKoz6n2xq9hTX5z4uZdKVYLn8l8OnLuuNbCM2A==",
       "requires": {
         "@types/cordova": "latest"
-      },
-      "dependencies": {
-        "@types/cordova": {
-          "version": "11.0.1",
-          "resolved": "https://registry.npmjs.org/@types/cordova/-/cordova-11.0.1.tgz",
-          "integrity": "sha512-Zd6LAhYUAdn0mL0SbxHeF4fO/3uzkcW3fzE0ZIK1wDlTRCWlI4/0i+Phb+otP9ryziyeW2LKofRNSP5yil85hA=="
-        }
       }
     },
     "@ionic-native/wheel-selector": {
@@ -47608,13 +47384,6 @@
       "integrity": "sha512-Ovx2KEfYCbkTsBF+xXYoSTbgebg01PJg9+S/4myCfWhNQecF59qxhjeCUiGA29T38u83nqZuZ4H0Jh9w16w0rA==",
       "requires": {
         "@types/cordova": "latest"
-      },
-      "dependencies": {
-        "@types/cordova": {
-          "version": "11.0.1",
-          "resolved": "https://registry.npmjs.org/@types/cordova/-/cordova-11.0.1.tgz",
-          "integrity": "sha512-Zd6LAhYUAdn0mL0SbxHeF4fO/3uzkcW3fzE0ZIK1wDlTRCWlI4/0i+Phb+otP9ryziyeW2LKofRNSP5yil85hA=="
-        }
       }
     },
     "@ionic/angular": {
@@ -50004,6 +49773,12 @@
         "defer-to-connect": "^1.0.1"
       }
     },
+    "@teamhive/capacitor-video-recorder": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/@teamhive/capacitor-video-recorder/-/capacitor-video-recorder-5.0.0.tgz",
+      "integrity": "sha512-ty5TzjeZRYYva569l0jH/PwGFOLd6WsMgMBN4/qxkmRgHB/+bGRPlO7VFMhxwnn1FXCsx47XZtCYVJPwLpV5VA==",
+      "requires": {}
+    },
     "@tinymce/tinymce-angular": {
       "version": "4.2.4",
       "resolved": "https://registry.npmjs.org/@tinymce/tinymce-angular/-/tinymce-angular-4.2.4.tgz",
@@ -50106,6 +49881,17 @@
       "resolved": "https://registry.npmjs.org/@types/cookie/-/cookie-0.4.1.tgz",
       "integrity": "sha512-XW/Aa8APYr6jSVVA1y/DEIZX0/GMKLEVekNG727R8cs56ahETkRAy/3DR7+fJyh7oUgGwNQaRfXCun0+KbWY7Q=="
     },
+    "@types/cordova": {
+      "version": "11.0.2",
+      "resolved": "https://registry.npmjs.org/@types/cordova/-/cordova-11.0.2.tgz",
+      "integrity": "sha512-swXLtFffXPQYz80eEX4URII7obHBZCS01JtI2Fh0Gt6dxgwoyDB7ZzfkRZgHHDxl1qRdMVRICMvfx2USIHPWCA=="
+    },
+    "@types/core-js": {
+      "version": "2.5.7",
+      "resolved": "https://registry.npmjs.org/@types/core-js/-/core-js-2.5.7.tgz",
+      "integrity": "sha512-EhO4Lcd2Rs2bZvQwIDMZ1qsaZk8DpdOkQCbKpK0vt7fSjJGXrCA7EPauR/BZ7eJXks1een4FX7JtlhS136fklA==",
+      "dev": true
+    },
     "@types/cors": {
       "version": "2.8.12",
       "resolved": "https://registry.npmjs.org/@types/cors/-/cors-2.8.12.tgz",
@@ -52505,6 +52291,12 @@
       "resolved": "https://registry.npmjs.org/canonical-path/-/canonical-path-1.0.0.tgz",
       "integrity": "sha512-feylzsbDxi1gPZ1IjystzIQZagYYLvfKrSuygUCgf7z6x790VEzze5QEkdSV1U58RA7Hi0+v6fv4K54atOzATg=="
     },
+    "capacitor-video-player": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/capacitor-video-player/-/capacitor-video-player-5.0.2.tgz",
+      "integrity": "sha512-N262e64m9of4SAfhwUVwXJ8LZSFACAZ9127+lLpdlxhWf//QFksTTSaUTVT1ygZkypjVWF06bAZZZl9klBB/pA==",
+      "requires": {}
+    },
     "capacitor-voice-recorder": {
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/capacitor-voice-recorder/-/capacitor-voice-recorder-4.0.1.tgz",
@@ -57175,6 +56967,12 @@
       "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz",
       "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw=="
     },
+    "hls.js": {
+      "version": "1.4.12",
+      "resolved": "https://registry.npmjs.org/hls.js/-/hls.js-1.4.12.tgz",
+      "integrity": "sha512-1RBpx2VihibzE3WE9kGoVCtrhhDWTzydzElk/kyRbEOLnb1WIE+3ZabM/L8BqKFTCL3pUy4QzhXgD1Q6Igr1JA==",
+      "peer": true
+    },
     "hmac-drbg": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/hmac-drbg/-/hmac-drbg-1.0.1.tgz",
@@ -76225,6 +76023,12 @@
         }
       }
     },
+    "videogular2": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/videogular2/-/videogular2-7.0.2.tgz",
+      "integrity": "sha512-Y5r2S2nG3ALFSW2i48QXgJjAEERYGwJoub4DeIYLczkSRrkkwIypSOBCEprI9csmynwKAJ79rUy8DLN13DGlIQ==",
+      "requires": {}
+    },
     "vm-browserify": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/vm-browserify/-/vm-browserify-1.1.2.tgz",
diff --git a/package.json b/package.json
index c2d04a078..05deacb67 100644
--- a/package.json
+++ b/package.json
@@ -45,6 +45,7 @@
     "@awesome-cordova-plugins/document-viewer": "^5.41.0",
     "@awesome-cordova-plugins/file": "^5.41.0",
     "@awesome-cordova-plugins/file-opener": "^5.41.0",
+    "@awesome-cordova-plugins/media-capture": "^6.4.0",
     "@awesome-cordova-plugins/multiple-document-picker": "^5.40.0",
     "@capacitor-community/fcm": "^5.0.2",
     "@capacitor/android": "^5.4.2",
@@ -61,6 +62,7 @@
     "@capacitor/push-notifications": "^5.1.0",
     "@capacitor/share": "^4.1.0",
     "@capacitor/storage": "^1.2.5",
+    "@capawesome/capacitor-file-picker": "^5.1.1",
     "@fortawesome/angular-fontawesome": "^0.9.0",
     "@fortawesome/fontawesome-free": "^5.15.3",
     "@fortawesome/fontawesome-svg-core": "^1.2.35",
@@ -106,6 +108,7 @@
     "@pdftron/pdfjs-express": "^8.0.1",
     "@sentry/angular": "^7.13.0",
     "@sentry/capacitor": "^0.10.1",
+    "@teamhive/capacitor-video-recorder": "^5.0.0",
     "@tinymce/tinymce-angular": "^4.2.4",
     "@types/jest-environment-puppeteer": "^5.0.3",
     "@types/puppeteer": "^7.0.4",
@@ -119,6 +122,7 @@
     "bootstrap": "^4.5.0",
     "browser-image-resizer": "^2.4.1",
     "build": "0.1.4",
+    "capacitor-video-player": "^5.0.2",
     "capacitor-voice-recorder": "^4.0.1",
     "ci": "^2.1.1",
     "cordova": "^11.0.0",
@@ -183,6 +187,7 @@
     "ts-jest-puppeteer": "^0.0.5",
     "tslib": "^2.0.0",
     "uuidv4": "^6.2.11",
+    "videogular2": "^7.0.2",
     "webpack": "^5.88.2",
     "wordcloud": "^1.1.2",
     "ws": "^7.4.6",
@@ -198,6 +203,7 @@
     "@capacitor/cli": "^4.6.1",
     "@ionic/angular-toolkit": "^6.1.0",
     "@ionic/lab": "3.1.7",
+    "@types/core-js": "^2.5.7",
     "@types/jasmine": "~3.6.0",
     "@types/jasminewd2": "~2.0.3",
     "@types/jest": "^26.0.24",
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index c5d75f565..abff36d1b 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -52,7 +52,7 @@ import { SQLite } from '@ionic-native/sqlite/ngx';
 import { CookieService } from 'ngx-cookie-service';
 
 import { ImagePicker } from '@ionic-native/image-picker/ngx';
-import { MediaCapture } from '@ionic-native/media-capture/ngx';
+import { MediaCapture } from '@awesome-cordova-plugins/media-capture/ngx';
 import { Media } from '@ionic-native/media/ngx';
 import { File } from '@awesome-cordova-plugins/file/ngx';
 
@@ -87,7 +87,7 @@ import { CreateProcessPageModule } from './modals/create-process/create-process.
 import { CreateProcessPage } from './modals/create-process/create-process.page';
 import { LoggingInterceptorService } from './services/logging-interceptor.service';
 import { PopupQuestionPipe } from './modals/popup-question.pipe';
-import { SendIntentService } from './services/shareIntent';
+import '@teamhive/capacitor-video-recorder';
 
 
 // import { ServiceWorkerModule } from '@angular/service-worker';
@@ -214,7 +214,6 @@ import { FirebaseX } from '@ionic-native/firebase-x/ngx'; */
     FileOpener,
     DocumentViewer,
     { provide: HTTP_INTERCEPTORS, useClass: LoggingInterceptorService, multi: true },
-    SendIntentService
     
   ],
   bootstrap: [AppComponent],
diff --git a/src/app/pages/gabinete-digital/diplomas-assinar/diploma-assinar/diploma-assinar.page.ts b/src/app/pages/gabinete-digital/diplomas-assinar/diploma-assinar/diploma-assinar.page.ts
index 38a697182..655626b0f 100644
--- a/src/app/pages/gabinete-digital/diplomas-assinar/diploma-assinar/diploma-assinar.page.ts
+++ b/src/app/pages/gabinete-digital/diplomas-assinar/diploma-assinar/diploma-assinar.page.ts
@@ -39,6 +39,7 @@ export class DiplomaAssinarPage implements OnInit {
   customDate: any;
   caller: string;
   mergedArray: any = [];
+  draftArray: any = [];
   DraftIds = ""
   DraftNames = ""
   asDraft = true;
@@ -492,6 +493,7 @@ export class DiplomaAssinarPage implements OnInit {
           "ownerId": resd.data.ownerId,
           "status": resd.data.status,
         };
+        this.draftArray.push(object);
         this.mergedArray.push(object);
         this.DraftNames += resd.data.description + ";";
         this.DraftIds += resd.data.id + ";";
@@ -502,14 +504,15 @@ export class DiplomaAssinarPage implements OnInit {
     });
 
     await Promise.all(draftPromises);
+    if(this.draftArray.length == 0 ) {
+      console.log('No draft found.');
+      this.asDraft = false
+    }
 
     if (this.DraftNames) {
       this.DraftNames = this.DraftNames.slice(0, -1);
       this.DraftIds = this.DraftIds.slice(0, -1);
-    } else {
-      console.log('No draft found.');
-      this.asDraft = false
-    }
+    } 
   }
 
 
diff --git a/src/app/pages/publications/new-publication/new-publication.module.ts b/src/app/pages/publications/new-publication/new-publication.module.ts
index 3580e799a..8924a0a48 100644
--- a/src/app/pages/publications/new-publication/new-publication.module.ts
+++ b/src/app/pages/publications/new-publication/new-publication.module.ts
@@ -7,6 +7,7 @@ import { IonicModule } from '@ionic/angular';
 import { NewPublicationPageRoutingModule } from './new-publication-routing.module';
 
 import { NewPublicationPage } from './new-publication.page';
+import '@teamhive/capacitor-video-recorder';
 
 @NgModule({
   imports: [
diff --git a/src/app/pages/publications/new-publication/new-publication.page.html b/src/app/pages/publications/new-publication/new-publication.page.html
index 01212f494..944049c25 100644
--- a/src/app/pages/publications/new-publication/new-publication.page.html
+++ b/src/app/pages/publications/new-publication/new-publication.page.html
@@ -1,17 +1,18 @@
-
 <ion-content>
   <div class="content-container d-flex flex-column">
     <div class="title-content width-100 ">
       <div class="div-title padding">
         <ion-label class="title">{{publicationTitle}}</ion-label> <br>
-        <i style="margin-top: -3px; font-size: 15px;" > Campos marcados com * são obrigatórios</i>
-        
+        <i style="margin-top: -3px; font-size: 15px;"> Campos marcados com * são obrigatórios</i>
+
       </div>
     </div>
 
     <div class="overflow-y-auto padding">
-      <div  *ngIf="publicationType!='1'" class="ion-item-container" [class.input-error]="Form?.get('Subject')?.invalid && validateFrom ">
-        <ion-input autocomplete="on" autocorrect="on" spellcheck="true" [(ngModel)]="pub.Title" name="title" ngDefaultControl placeholder="Título*" ></ion-input>
+      <div *ngIf="publicationType!='1'" class="ion-item-container"
+        [class.input-error]="Form?.get('Subject')?.invalid && validateFrom ">
+        <ion-input autocomplete="on" autocorrect="on" spellcheck="true" [(ngModel)]="pub.Title" name="title"
+          ngDefaultControl placeholder="Título*"></ion-input>
       </div>
 
       <div *ngIf="publicationType!='1'" class="container-div">
@@ -20,7 +21,8 @@
             <ion-icon slot="start" src="assets/images/icons-description.svg"></ion-icon>
           </div>
           <div class="ion-textarea-class" [class.input-error]="Form?.get('Message')?.invalid && validateFrom ">
-            <ion-textarea autocomplete="on" autocorrect="on" spellcheck="true" [(ngModel)]="pub.Message" name="description" ngDefaultControl rows="12" cols="20" placeholder="Corpo de texto*"></ion-textarea>
+            <ion-textarea autocomplete="on" autocorrect="on" spellcheck="true" [(ngModel)]="pub.Message"
+              name="description" ngDefaultControl rows="12" cols="20" placeholder="Corpo de texto*"></ion-textarea>
           </div>
         </div>
       </div>
@@ -32,8 +34,12 @@
           <div class="d-flex">
             <ion-thumbnail slot="start">
 
-              <ion-img [(ngModel)]="capturedImage" name="image" ngDefaultControl [src]="capturedImage" (click)="imageSize(capturedImage)" ></ion-img>
-   
+              <ion-img *ngIf="fileType == 'image/jpeg'" [(ngModel)]="capturedImage" name="image" ngDefaultControl [src]="capturedImage" (click)="imageSize(capturedImage)" ></ion-img>
+
+              <video *ngIf="fileType == 'video/mp4'" controls>
+                <source type="video/mp4" src="{{capturedVideo}}">
+              </video>
+
             </ion-thumbnail>
             <ion-label class="pl-10">
               <p>{{capturedImageTitle}}</p>
@@ -48,42 +54,87 @@
       </div>
 
 
-      <div class="picture d-flex pb-5 hide-desktop" *ngIf="publication && !( publication.FileBase64 == 'data:image/jpg;base64,null' || publication.FileBase64 == '' ) && !capturedImage">
-        <div  class="post-img" *ngIf="publication.FileBase64">
-          <img src="{{publication.FileBase64}}" alt="image" >
+      <div class="picture d-flex pb-5 hide-desktop"
+        *ngIf="publication && !( publication.FileBase64 == 'data:image/jpg;base64,null' || publication.FileBase64 == '' ) && !capturedImage">
+        <div class="post-img" *ngIf="publication.FileBase64">
+          <img src="{{publication.FileBase64}}" alt="image">
         </div>
         <div class="d-flex flex-column pl-10" *ngIf="publication.FileBase64">
           <div class="picture-file-name">{{publication.OriginalFileName}}.{{publication.FileExtension}}</div>
           <!-- <div class="size">75 Kb</div> -->
         </div>
-        <div class="flex-grow-1 d-flex align-center justify-end font-25" *ngIf="publication.FileBase64" (click)="deletePublicationImage()">
+        <div class="flex-grow-1 d-flex align-center justify-end font-25" *ngIf="publication.FileBase64"
+          (click)="deletePublicationImage()">
           <ion-icon name="close"></ion-icon>
         </div>
       </div>
 
       <div class="ion-item-container-no-border">
-        <ion-label (click)="takePicture()">
+        <ion-label (click)="chossePhotoOrVideo()">
           <div class="attach-icon">
-            <ion-icon  *ngIf="ThemeService.currentTheme == 'default' " src="assets/images/icons-add-photo.svg"></ion-icon>
-            <ion-icon  *ngIf="ThemeService.currentTheme == 'gov' " src="assets/images/theme/gov/icons-add-photo.svg"></ion-icon>
+            <ion-icon *ngIf="ThemeService.currentTheme == 'default' "
+              src="assets/images/icons-add-photo.svg"></ion-icon>
+            <ion-icon *ngIf="ThemeService.currentTheme == 'gov' "
+              src="assets/images/theme/gov/icons-add-photo.svg"></ion-icon>
 
           </div>
           <div class="attach-document">
-            <ion-label>Tirar Fotografia</ion-label>
+            <ion-label>Câmera</ion-label>
           </div>
-          </ion-label>
+        </ion-label>
+      </div>
+      <div *ngIf="photoOrVideo" class="ion-item-container-no-border">
+        <ion-label (click)="takePicture()">
+          <div class="attach-icon">
+            <ion-icon *ngIf="ThemeService.currentTheme == 'default' "
+              src="assets/images/icons-add-photo.svg"></ion-icon>
+            <ion-icon *ngIf="ThemeService.currentTheme == 'gov' "
+              src="assets/images/theme/gov/icons-add-photo.svg"></ion-icon>
+
+          </div>
+          <div class="attach-document">
+            <ion-label>Foto</ion-label>
+          </div>
+        </ion-label>
+      </div>
+      <div *ngIf="photoOrVideo" class="ion-item-container-no-border">
+        <ion-label (click)="startVideoRecording()">
+          <div class="attach-icon">
+            <ion-icon *ngIf="ThemeService.currentTheme == 'default' "
+              src="assets/images/icons-add-photo.svg"></ion-icon>
+            <ion-icon *ngIf="ThemeService.currentTheme == 'gov' "
+              src="assets/images/theme/gov/icons-add-photo.svg"></ion-icon>
+
+          </div>
+          <div class="attach-document">
+            <ion-label>Video</ion-label>
+          </div>
+        </ion-label>
       </div>
 
-      <div class="ion-item-container-no-border">
+      <!--   <div class="ion-item-container-no-border">
         <ion-label (click)="laodPicture()" class="cursor-pointer">
           <div class="attach-icon">
             <ion-icon *ngIf="ThemeService.currentTheme == 'default' " src="assets/images/icons-add-photos.svg"></ion-icon>
             <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " src="assets/images/theme/gov/icons-add-photos.svg"></ion-icon>
           </div>
           <div class="attach-document cursor-pointer">
-            <ion-label>Anexar Fotografia</ion-label>
+            <ion-label>Galeria</ion-label>
           </div>
       </ion-label>
+      </div> -->
+      <div class="ion-item-container-no-border">
+        <ion-label (click)="loadVideo()" class="cursor-pointer">
+          <div class="attach-icon">
+            <ion-icon *ngIf="ThemeService.currentTheme == 'default' "
+              src="assets/images/icons-add-photos.svg"></ion-icon>
+            <ion-icon *ngIf="ThemeService.currentTheme == 'gov' "
+              src="assets/images/theme/gov/icons-add-photos.svg"></ion-icon>
+          </div>
+          <div class="attach-document cursor-pointer">
+            <ion-label>Galeria</ion-label>
+          </div>
+        </ion-label>
       </div>
     </div>
 
@@ -94,7 +145,7 @@
 <ion-footer class="ion-no-border">
   <ion-toolbar class="footer-toolbar">
     <ion-buttons slot="start">
-      <button  class="btn-ok" fill="clear" color="#fff" (click)="save()">
+      <button class="btn-ok" fill="clear" color="#fff" (click)="save()">
         <ion-label>Gravar</ion-label>
       </button>
     </ion-buttons>
@@ -103,6 +154,6 @@
         <ion-label>Cancelar</ion-label>
       </button>
     </ion-buttons>
-    
+
   </ion-toolbar>
-</ion-footer>
+</ion-footer>
\ No newline at end of file
diff --git a/src/app/pages/publications/new-publication/new-publication.page.ts b/src/app/pages/publications/new-publication/new-publication.page.ts
index 93aab26bf..422b175ca 100644
--- a/src/app/pages/publications/new-publication/new-publication.page.ts
+++ b/src/app/pages/publications/new-publication/new-publication.page.ts
@@ -23,6 +23,10 @@ import { PublicationFolderService } from 'src/app/store/publication-folder.servi
 import { RouteService } from 'src/app/services/route.service';
 import { FileService } from 'src/app/services/functions/file.service';
 import { readAndCompressImage } from 'browser-image-resizer';
+import { FilePicker } from '@capawesome/capacitor-file-picker';
+import { CapacitorVideoPlayer } from 'capacitor-video-player';
+import { VideoRecorder, VideoRecorderCamera, VideoRecorderPreviewFrame } from '@teamhive/capacitor-video-recorder';
+import { CaptureImageOptions, MediaCapture } from '@awesome-cordova-plugins/media-capture/ngx';
 
 const config = {
   quality: 0.5,
@@ -31,17 +35,30 @@ const config = {
   debug: true
 };
 const IMAGE_DIR = 'stored-images';
+/* const { VideoRecorder } = Plugin; */
 
 interface LocalFile {
   name: string;
   path: string;
   data: string;
 }
+
+const config_video: VideoRecorderPreviewFrame = {
+  id: 'video-record',
+  stackPosition: 'front', // 'front' overlays your app', 'back' places behind your app.
+  width: 'fill',
+  height: 'fill',
+  x: 0,
+  y: 0,
+  borderRadius: 0
+};
 @Component({
   selector: 'app-new-publication',
   templateUrl: './new-publication.page.html',
   styleUrls: ['./new-publication.page.scss'],
 })
+
+
 export class NewPublicationPage implements OnInit {
   images: LocalFile[] = [];
 
@@ -79,6 +96,7 @@ export class NewPublicationPage implements OnInit {
   guestPicture: any;
 
   capturedImage: any = '';
+  capturedVideo: any = '';
   capturedImageTitle: any;
   public photos: any[] = [];
   pictureExiste = false
@@ -87,6 +105,9 @@ export class NewPublicationPage implements OnInit {
   imgResultAfterCompress: string;
   convertBlobToBase64Worker;
   intent: any;
+  video: any;
+  photoOrVideo: boolean = false;
+  fileType = "";
 
   constructor(
     private modalController: ModalController,
@@ -101,7 +122,8 @@ export class NewPublicationPage implements OnInit {
     private httpErrorHandle: HttpErrorHandle,
     public PublicationFolderService: PublicationFolderService,
     private RouteService: RouteService,
-    public FileService: FileService
+    public FileService: FileService,
+    private mediaCapture: MediaCapture
   ) {
 
     this.publicationType = this.navParams.get('publicationType');
@@ -115,8 +137,8 @@ export class NewPublicationPage implements OnInit {
   }
 
   ngOnInit() {
-    if(this.intent) {
-      this.capturedImage = 'data:image/jpeg;base64,'+this.intent;
+    if (this.intent) {
+      this.capturedImage = 'data:image/jpeg;base64,' + this.intent;
     }
 
     this.setTitle();
@@ -126,6 +148,7 @@ export class NewPublicationPage implements OnInit {
       recursive: true
     });
 
+
     // this.takePicture();
   }
 
@@ -138,41 +161,92 @@ export class NewPublicationPage implements OnInit {
       source: CameraSource.Camera
     });
 
-      this.capturedImage = 'data:image/jpeg;base64,' +capturedImage.base64String;
-      this.capturedImageTitle = 'foto';
+    this.capturedImage = 'data:image/jpeg;base64,' + capturedImage.base64String;
+    this.capturedImageTitle = 'foto';
+    this.fileType = "image/jpeg"
+
+    const compressedImage = await this.compressImageBase64(
+      this.capturedImage,
+      800, // maxWidth
+      800, // maxHeight
+      0.9  // quality
+    ).then((picture) => {
+      console.log('taked: ', picture)
+      this.capturedImage = picture
+      this.photoOrVideo = false;
       
-      const compressedImage = await this.compressImageBase64(
-        this.capturedImage,
-        800, // maxWidth
-        800, // maxHeight
-        0.9  // quality
-      ).then((picture) => {
-        console.log('taked: ', picture)
-        this.capturedImage = picture
-      });
+    });
+  }
+
+  async laodPicture() {
+    const capturedImage = await Camera.getPhoto({
+      quality: 90,
+      resultType: CameraResultType.Base64,
+      source: CameraSource.Photos
+    });
+
+    this.capturedImage = 'data:image/jpeg;base64,' + capturedImage.base64String;
+    this.capturedImageTitle = 'foto';
+
+    const compressedImage = await this.compressImageBase64(
+      this.capturedImage,
+      800, // maxWidth
+      800, // maxHeight
+      0.9  // quality
+    ).then((picture) => {
+      console.log('Selected: ', picture)
+      this.capturedImage = picture
+    });
+
+  }
+
+  async startVideoRecording() {
+    try {
+      let options: CaptureImageOptions = { limit: 1 }
+      const data = await this.mediaCapture.captureVideo(options)
+      this.video = data[0];
+      console.log(this.video)
+      this.fileType = "video/mp4"
+      let resultUrl = decodeURIComponent(data[0].fullPath);
+      Filesystem.readFile({ path: resultUrl })
+
+        .then(async (content) => {
+          console.log(content)
+          this.capturedVideo = content.data;
+          this.photoOrVideo = false;
+        })
+        .catch((err) => console.error(err));
+    } catch (error) {
+      console.log('record video error: ', error)
     }
+  }
 
-    async laodPicture() {
-      const capturedImage = await Camera.getPhoto({
-        quality: 90,
-        resultType: CameraResultType.Base64,
-        source: CameraSource.Photos
-      });
 
-      this.capturedImage = 'data:image/jpeg;base64,' +capturedImage.base64String;
-      this.capturedImageTitle = 'foto';
 
-      const compressedImage = await this.compressImageBase64(
-        this.capturedImage,
-        800, // maxWidth
-        800, // maxHeight
-        0.9  // quality
-      ).then((picture) => {
-        console.log('Selected: ', picture)
-        this.capturedImage = picture
-      });
+  async loadVideo() {
+
+    const result = await FilePicker.pickVideos({
+      multiple: true,
+    });
+    let resultUrl = decodeURIComponent(result.files[0].path);
+    this.fileType = result.files[0].mimeType
+    Filesystem.readFile({ path: resultUrl })
+
+      .then(async (content) => {
+        console.log(result)
+        console.log(content)
+        this.capturedVideo = content.data;
+        
+
+      })
+      .catch((err) => console.error(err));
+  };
+
+
+  chossePhotoOrVideo() {
+    this.photoOrVideo = !this.photoOrVideo 
+  }
 
-    }
 
   imageSize(image) {
     var canvas = document.createElement('canvas');
@@ -187,35 +261,35 @@ export class NewPublicationPage implements OnInit {
     const reader = new FileReader;
     reader.onerror = reject;
     reader.onload = () => {
-        resolve(reader.result);
+      resolve(reader.result);
     };
     reader.readAsDataURL(blob);
-  }).catch ((error) => {
+  }).catch((error) => {
     console.error(error);
   });
 
 
-/*   // in use
-  async laodPicture() {
-    
-    const capturedImage = await Camera.getPhoto({
-      quality: 90,
-      // allowEditing: true,
-      resultType: CameraResultType.Uri,
-      source: CameraSource.Photos
-    });
-
-    const response = await fetch(capturedImage.webPath!);
-    const blob = await response.blob();
-
-    this.convertBlobToBase64Worker.postMessage(blob);
-    this.convertBlobToBase64Worker.onmessage = async (oEvent)=> {
-      this.capturedImage = oEvent.data
-      this.capturedImageTitle = 'foto'
-
-    }
-
-  } */
+  /*   // in use
+    async laodPicture() {
+      
+      const capturedImage = await Camera.getPhoto({
+        quality: 90,
+        // allowEditing: true,
+        resultType: CameraResultType.Uri,
+        source: CameraSource.Photos
+      });
+  
+      const response = await fetch(capturedImage.webPath!);
+      const blob = await response.blob();
+  
+      this.convertBlobToBase64Worker.postMessage(blob);
+      this.convertBlobToBase64Worker.onmessage = async (oEvent)=> {
+        this.capturedImage = oEvent.data
+        this.capturedImageTitle = 'foto'
+  
+      }
+  
+    } */
 
 
 
@@ -254,7 +328,7 @@ export class NewPublicationPage implements OnInit {
       const loader = this.toastService.loading()
 
       // has captured image
-      if (this.capturedImage != '') {
+      if (this.capturedImage != '' && this.capturedVideo == '') {
         this.publication = {
           DateIndex: this.publication.DateIndex,
           DocumentId: this.publication.DocumentId,
@@ -267,9 +341,21 @@ export class NewPublicationPage implements OnInit {
           FileExtension: 'jpeg',
         }
 
+      } else if (this.capturedVideo != '' && this.capturedImage == '') {
+        this.publication = {
+          DateIndex: this.publication.DateIndex,
+          DocumentId: this.publication.DocumentId,
+          ProcessId: this.publication.ProcessId,
+          Title: this.pub.Title,
+          Message: this.pub.Message,
+          DatePublication: this.publication.DatePublication,
+          OriginalFileName: this.publication.OriginalFileName || 'video',
+          FileBase64: this.capturedVideo,
+          FileExtension: 'mp4',
+        }
       }
       // no file names
-      else if (!this.PublicationFolderService.PublicationHasImage(this.publication)) {
+      else if (!this.PublicationFolderService.PublicationHasImage(this.publication) && this.capturedVideo == '') {
         this.publication = {
           DateIndex: this.publication.DateIndex,
           DocumentId: this.publication.DocumentId,
@@ -283,7 +369,7 @@ export class NewPublicationPage implements OnInit {
         }
 
 
-      } else {
+      } /* else {
         this.publication = {
           DateIndex: this.publication.DateIndex,
           DocumentId: this.publication.DocumentId,
@@ -296,25 +382,25 @@ export class NewPublicationPage implements OnInit {
           FileExtension: this.publication.FileExtension || 'jpeg',
         }
 
-      }
+      } */
 
 
       try {
 
-        const response =  await this.publications.UpdatePublication(this.publication.ProcessId, this.publication).toPromise()
+        const response = await this.publications.UpdatePublication(this.publication.ProcessId, this.publication).toPromise()
 
         this.httpErrorHandle.httpsSucessMessagge('Editar publicação')
-        console.log({response})
+        console.log({ response })
 
 
         this.close();
       } catch (error) {
-        if(error.status == 404) {
-          this.PublicationFolderService.deletePost(this.publication.ProcessId,  this.publication.DocumentId)
+        if (error.status == 404) {
+          this.PublicationFolderService.deletePost(this.publication.ProcessId, this.publication.DocumentId)
           this.close();
         }
         this.httpErrorHandle.httpStatusHandle(error)
-      }  finally {
+      } finally {
         loader.remove()
       }
 
@@ -322,23 +408,39 @@ export class NewPublicationPage implements OnInit {
     else {
 
       const date = formatDate(new Date(), 'yyyy-MM-dd HH:mm:ss')
-      
-      this.publication = {
-        DateIndex: date,
-        DocumentId: null,
-        ProcessId: this.folderId,
-        Title: this.pub.Title,
-        Message: this.pub.Message,
-        DatePublication: date,
-        OriginalFileName: this.capturedImageTitle || 'foto',
-        FileBase64: this.capturedImage || "data:image/png;base64,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",
-        FileExtension: 'jpeg',
+
+      if (this.capturedImage != '') {
+        this.publication = {
+          DateIndex: date,
+          DocumentId: null,
+          ProcessId: this.folderId,
+          Title: this.pub.Title,
+          Message: this.pub.Message,
+          DatePublication: date,
+          OriginalFileName: this.capturedImageTitle || 'foto',
+          FileBase64: this.capturedImage || "data:image/png;base64,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",
+          FileExtension: 'jpeg',
+        }
+
+      } else if (this.capturedVideo != '') {
+        this.publication = {
+          DateIndex: date,
+          DocumentId: null,
+          ProcessId: this.folderId,
+          Title: this.pub.Title,
+          Message: this.pub.Message,
+          DatePublication: date,
+          OriginalFileName: this.capturedImageTitle || 'video',
+          FileBase64: this.capturedVideo || "data:image/png;base64,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",
+          FileExtension: 'mp4',
+        }
       }
 
+
       const loader = this.toastService.loading()
 
       try {
-        
+
         await this.publications.CreatePublication(this.folderId, this.publication).toPromise();
         this.close();
         this.httpErrorHandle.httpsSucessMessagge('Criar publicação')
@@ -379,7 +481,7 @@ export class NewPublicationPage implements OnInit {
       this.publicationTitle = 'Editar Publicação';
       this.pub = this.navParams.get('publication');
 
-      
+
     }
   }
 
@@ -389,11 +491,11 @@ export class NewPublicationPage implements OnInit {
 
     //this.imgResultBeforeCompress = image;s
     this.imageCompress.getOrientation(this.capturedImage).then((orientation) => {
-      
+
       this.imageCompress.compressFile(this.capturedImage, orientation, 90, 90).then(
         result => {
           this.capturedImage = result;
-          
+
         }
       );
 
@@ -409,36 +511,36 @@ export class NewPublicationPage implements OnInit {
     return new Promise((resolve, reject) => {
       const image = new (window as any).Image();
       image.src = base64String;
-  
+
       image.onload = async () => {
         const canvas = document.createElement('canvas');
         let newWidth = image.width;
         let newHeight = image.height;
-  
+
         if (newWidth > maxWidth) {
           newHeight *= maxWidth / newWidth;
           newWidth = maxWidth;
         }
-  
+
         if (newHeight > maxHeight) {
           newWidth *= maxHeight / newHeight;
           newHeight = maxHeight;
         }
-  
+
         canvas.width = newWidth;
         canvas.height = newHeight;
-  
+
         const context = canvas.getContext('2d');
         context?.drawImage(image, 0, 0, newWidth, newHeight);
-  
+
         const compressedBase64 = canvas.toDataURL('image/jpeg', quality);
         resolve(compressedBase64);
       };
-  
+
       image.onerror = (error) => {
         reject(error);
       };
     });
   }
-  
+
 }
diff --git a/src/app/pages/publications/view-publications/publication-detail/publication-detail.page.html b/src/app/pages/publications/view-publications/publication-detail/publication-detail.page.html
index 68547106f..436e25726 100644
--- a/src/app/pages/publications/view-publications/publication-detail/publication-detail.page.html
+++ b/src/app/pages/publications/view-publications/publication-detail/publication-detail.page.html
@@ -23,8 +23,11 @@
       </div>
 
       <div class="post-item overflow-y-auto">
-        <div (click)="openPreview(publication)" *ngIf="publication.FileBase64.length > 30" class="post-img">
-          <img src="{{publication.FileBase64}}" alt="image" >
+        <div (click)="play()" *ngIf="publication.FileBase64.length > 30" class="post-img">
+          <!-- <img src="{{publication.FileBase64}}" alt="image" > -->
+            <video controls>
+              <source type="video/mp4" src="{{publication.FileBase64}}">
+            </video>
         </div>
         <div *ngIf="publication.FileBase64.length < 30" class="post-img">
           <img src="/assets/icon/icon-no-image.svg" alt="image">
diff --git a/src/app/pages/publications/view-publications/publication-detail/publication-detail.page.scss b/src/app/pages/publications/view-publications/publication-detail/publication-detail.page.scss
index bccb09147..1646c95bf 100644
--- a/src/app/pages/publications/view-publications/publication-detail/publication-detail.page.scss
+++ b/src/app/pages/publications/view-publications/publication-detail/publication-detail.page.scss
@@ -1,70 +1,79 @@
-:host{
-
-  }
-  ion-content{
-    --background: transparent;
-    --border-radius: 30px;
-  }
-  ion-footer{
-      background: #fff;
-  }
-  ion-toolbar{
-    /* --background:#0782c9; */
-    border-width: 0 !important;
-  }
-
-  .content-top{
-    background: #f3f2f2;
-    height: 20px;
-    margin: 0 auto;
-    border-top-left-radius: 25px;
-    border-top-right-radius: 25px;
+:host {
 }
-  .content-container{
-    width: 100%;
-    margin:0 auto;
-    border-top-left-radius: 25px;
-    border-top-right-radius: 25px;
-    background: #ffffff;
-    height: 100%;
-    box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.6);
-    padding: 25px 0px 0 0px;
-    overflow: auto;
-  }
-  .title-content {
-    margin: 0px auto;
-  }
-  .back-icon{
-    width: auto;
-    float: left;
-    overflow: auto;
-  }
-  .div-title{
-    /* padding: 0!important; */
-    float: left;
-  }
-
-  .post-img{
-    width: 100%;
-    height: 400px;
-    margin: 0 auto;
-    border-radius: 0px!important;
-    overflow: hidden;
-
-    display: flex;
-    justify-content: center;
-    height: 420px;
-
+ion-content {
+  --background: transparent;
+  --border-radius: 30px;
 }
-.post-img img{
-    height: 100%;
-    object-fit: cover;
+ion-footer {
+  background: #fff;
 }
-.post-description{
+ion-toolbar {
+  /* --background:#0782c9; */
+  border-width: 0 !important;
+}
+
+.video-container {
+  position: relative;
+}
+
+#playButton {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  z-index: 1;
+}
+.content-top {
+  background: #f3f2f2;
+  height: 20px;
+  margin: 0 auto;
+  border-top-left-radius: 25px;
+  border-top-right-radius: 25px;
+}
+.content-container {
+  width: 100%;
+  margin: 0 auto;
+  border-top-left-radius: 25px;
+  border-top-right-radius: 25px;
+  background: #ffffff;
+  height: 100%;
+  box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.6);
+  padding: 25px 0px 0 0px;
+  overflow: auto;
+}
+.title-content {
+  margin: 0px auto;
+}
+.back-icon {
+  width: auto;
+  float: left;
+  overflow: auto;
+}
+.div-title {
+  /* padding: 0!important; */
+  float: left;
+}
+
+.post-img {
+  width: 100%;
+  height: 400px;
+  margin: 0 auto;
+  border-radius: 0px !important;
+  overflow: hidden;
+
+  display: flex;
+  justify-content: center;
+  height: 420px;
+}
+.post-img img {
+  height: 100%;
+  object-fit: cover;
+}
+.post-description {
   margin: 0 auto;
   margin-bottom: 35px;
 }
 
 .font-14-rem {
   font-size: rem(14) !important;
-}
\ No newline at end of file
+}
diff --git a/src/app/pages/publications/view-publications/publication-detail/publication-detail.page.ts b/src/app/pages/publications/view-publications/publication-detail/publication-detail.page.ts
index 707d1477e..adcda5cfd 100644
--- a/src/app/pages/publications/view-publications/publication-detail/publication-detail.page.ts
+++ b/src/app/pages/publications/view-publications/publication-detail/publication-detail.page.ts
@@ -1,4 +1,4 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, ElementRef, OnInit, ViewChild } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
 import { ModalController } from '@ionic/angular';
 import { Publication } from 'src/app/models/publication';
@@ -20,11 +20,13 @@ import { PublicationFolderService } from 'src/app/store/publication-folder.servi
   styleUrls: ['./publication-detail.page.scss'],
 })
 export class PublicationDetailPage implements OnInit {
+  @ViewChild('videoPlayer', { static: true }) videoPlayer: ElementRef;
   showLoader: boolean;
   DocumentId: string;
   folderId: string;
   publication: Publication;
   isModal = false
+  videoControls = false;
 
   constructor(
     private modalController: ModalController,
@@ -93,7 +95,7 @@ export class PublicationDetailPage implements OnInit {
         Title:res.Title,
         Message: res.Message,
         DatePublication: res.DatePublication,
-        FileBase64: "data:image/jpeg;base64," + res.FileBase64,
+        FileBase64: "data:video/mp4;base64," +res.FileBase64,
         OriginalFileName: res.OriginalFileName,
         FileExtension: res.FileExtension,
       }
@@ -194,4 +196,13 @@ export class PublicationDetailPage implements OnInit {
     modal.present();
   }
 
+  play() {
+    const video = this.videoPlayer.nativeElement;
+    if (video.paused) {
+      video.play();
+    } else {
+      video.pause();
+    }
+  }
+
 }
diff --git a/src/app/pages/publications/view-publications/view-publications.page.ts b/src/app/pages/publications/view-publications/view-publications.page.ts
index 7a4cfd349..19c74e589 100644
--- a/src/app/pages/publications/view-publications/view-publications.page.ts
+++ b/src/app/pages/publications/view-publications/view-publications.page.ts
@@ -14,6 +14,7 @@ import { PermissionService } from 'src/app/services/permission.service';
 import { HttpErrorHandle } from 'src/app/services/http-error-handle.service';
 import { Storage } from '@ionic/storage';
 import { PublicationFolderService } from 'src/app/store/publication-folder.service';
+import { CapacitorVideoPlayer } from 'capacitor-video-player';
 
 
 @Component({
@@ -34,6 +35,8 @@ export class ViewPublicationsPage implements OnInit {
   publicationPipe = new PublicationPipe()
   publicationDitails: any;
   getpublication = [];
+  private videoplayer: any;
+  private videoUrl: any;
 
 
   constructor(
@@ -66,6 +69,7 @@ export class ViewPublicationsPage implements OnInit {
 
   ngOnInit() {
 
+    this.videoplayer = CapacitorVideoPlayer;
     if (typeof (this.folderId) == 'object') {
       this.folderId = this.folderId['ProcessId']
     }
@@ -98,6 +102,9 @@ export class ViewPublicationsPage implements OnInit {
     this.getFromDB();
   }
 
+  playVideo() {
+    const rest: any = this.videoplayer.initPlayer({mode:"fullscreen",url: this.videoUrl})
+  }
 
   createPublicationList(folderId = this.folderId) {
     console.log('create')
diff --git a/src/app/shared/publication/view-publications/publication-detail/publication-detail.page.html b/src/app/shared/publication/view-publications/publication-detail/publication-detail.page.html
index 9242bb39d..d45f95086 100644
--- a/src/app/shared/publication/view-publications/publication-detail/publication-detail.page.html
+++ b/src/app/shared/publication/view-publications/publication-detail/publication-detail.page.html
@@ -32,8 +32,12 @@
       </ion-refresher-content>
     </ion-refresher>
     <div class="post-item px-20">
-      <div (click)="openPreview(publication)" *ngIf="publication.FileBase64.length > 30" class="post-img">
-        <img src="{{publication.FileBase64}}" alt="image" tappable>
+      <div (click)="openPreview(publication)" class="post-img">
+        <!-- <img src="{{publication.FileBase64}}" alt="image" tappable> -->
+        <video controls>
+          <source type="video/webm" src="data:video/webm;base64,GkXfowEAAAAAAAAfQoaBAUL3gQFC8......jVOrhB9DtnVTrIMQTPc=">
+          <source type="video/mp4" src="data:video/mp4;base64,AAAAHGZ0eXBtcDQyAAAAAG1wNDJpc29....../l/L+X8v5AAAAMgfDg==">
+        </video>
       </div>
       <div *ngIf="publication.FileBase64.length < 30" class="post-img">
         <img src="/assets/icon/icon-no-image.svg" alt="image">
diff --git a/src/app/shared/publication/view-publications/publication-detail/publication-detail.page.ts b/src/app/shared/publication/view-publications/publication-detail/publication-detail.page.ts
index 9e5919de0..927f3332b 100644
--- a/src/app/shared/publication/view-publications/publication-detail/publication-detail.page.ts
+++ b/src/app/shared/publication/view-publications/publication-detail/publication-detail.page.ts
@@ -73,6 +73,7 @@ export class PublicationDetailPage implements OnInit {
       console.log('console.log local storage')
   
       this.publication = localPublication
+      console.log('Local publication',this.publication)
 
     } else {
 
@@ -83,11 +84,13 @@ export class PublicationDetailPage implements OnInit {
         
         this.publication = this.publicationPipe.itemList(res)
 
-        
+        console.log('API pub', this.publication)
         this.showLoader = false;
       }, (error) => {
         this.showLoader = false;
 
+
+        console.log(this.publication)
         if(error.status == 404) {
           this.publicationFolderService.deletePost(this.folderId, this.publicationId)
         }