npm - @capgo/camera-preview - Versions diffs - 8.0.15 → 8.1.1 - Mend

@capgo/camera-preview 8.0.15 → 8.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (17) hide show

package/README.md +28 -27
package/android/src/main/java/app/capgo/capacitor/camera/preview/CameraPreview.java +10 -2
package/android/src/main/java/app/capgo/capacitor/camera/preview/CameraXView.java +14 -20
package/android/src/main/java/app/capgo/capacitor/camera/preview/model/CameraSessionConfiguration.java +7 -0
package/dist/docs.json +16 -0
package/dist/esm/definitions.d.ts +8 -0
package/dist/esm/definitions.js.map +1 -1
package/dist/esm/web.d.ts +2 -0
package/dist/esm/web.js +57 -3
package/dist/esm/web.js.map +1 -1
package/dist/plugin.cjs.js +57 -3
package/dist/plugin.cjs.js.map +1 -1
package/dist/plugin.js +57 -3
package/dist/plugin.js.map +1 -1
package/ios/Sources/CapgoCameraPreviewPlugin/CameraController.swift +12 -6
package/ios/Sources/CapgoCameraPreviewPlugin/Plugin.swift +11 -5
package/package.json +1 -1

package/README.md CHANGED Viewed

@@ -1071,33 +1071,34 @@ Get the native Capacitor plugin version
 Defines the configuration options for starting the camera preview.
-| Prop                               | Type                                                            | Description                                                                                                                                                                                             | Default               | Since  |
-| ---------------------------------- | --------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------- | ------ |
-| **`parent`**                       | <code>string</code>                                             | The parent element to attach the video preview to.                                                                                                                                                      |                       |        |
-| **`className`**                    | <code>string</code>                                             | A CSS class name to add to the preview element.                                                                                                                                                         |                       |        |
-| **`width`**                        | <code>number</code>                                             | The width of the preview in pixels. Defaults to the screen width.                                                                                                                                       |                       |        |
-| **`height`**                       | <code>number</code>                                             | The height of the preview in pixels. Defaults to the screen height.                                                                                                                                     |                       |        |
-| **`x`**                            | <code>number</code>                                             | The horizontal origin of the preview, in pixels.                                                                                                                                                        |                       |        |
-| **`y`**                            | <code>number</code>                                             | The vertical origin of the preview, in pixels.                                                                                                                                                          |                       |        |
-| **`aspectRatio`**                  | <code>'4:3' \| '16:9'</code>                                    | The aspect ratio of the camera preview, '4:3' or '16:9' or 'fill'. Cannot be set if width or height is provided, otherwise the call will be rejected. Use setPreviewSize to adjust size after starting. |                       | 2.0.0  |
-| **`gridMode`**                     | <code><a href="#gridmode">GridMode</a></code>                   | The grid overlay to display on the camera preview.                                                                                                                                                      | <code>"none"</code>   | 2.1.0  |
-| **`includeSafeAreaInsets`**        | <code>boolean</code>                                            | Adjusts the y-position to account for safe areas (e.g., notches).                                                                                                                                       | <code>false</code>    |        |
-| **`toBack`**                       | <code>boolean</code>                                            | If true, places the preview behind the webview.                                                                                                                                                         | <code>true</code>     |        |
-| **`paddingBottom`**                | <code>number</code>                                             | Bottom padding for the preview, in pixels.                                                                                                                                                              |                       |        |
-| **`rotateWhenOrientationChanged`** | <code>boolean</code>                                            | Whether to rotate the preview when the device orientation changes.                                                                                                                                      | <code>true</code>     |        |
-| **`position`**                     | <code>string</code>                                             | The camera to use.                                                                                                                                                                                      | <code>"rear"</code>   |        |
-| **`storeToFile`**                  | <code>boolean</code>                                            | If true, saves the captured image to a file and returns the file path. If false, returns a base64 encoded string.                                                                                       | <code>false</code>    |        |
-| **`disableExifHeaderStripping`**   | <code>boolean</code>                                            | If true, prevents the plugin from rotating the image based on EXIF data.                                                                                                                                | <code>false</code>    |        |
-| **`disableAudio`**                 | <code>boolean</code>                                            | If true, disables the audio stream, preventing audio permission requests.                                                                                                                               | <code>true</code>     |        |
-| **`lockAndroidOrientation`**       | <code>boolean</code>                                            | If true, locks the device orientation while the camera is active.                                                                                                                                       | <code>false</code>    |        |
-| **`enableOpacity`**                | <code>boolean</code>                                            | If true, allows the camera preview's opacity to be changed.                                                                                                                                             | <code>false</code>    |        |
-| **`disableFocusIndicator`**        | <code>boolean</code>                                            | If true, disables the visual focus indicator when tapping to focus.                                                                                                                                     | <code>false</code>    |        |
-| **`deviceId`**                     | <code>string</code>                                             | The `deviceId` of the camera to use. If provided, `position` is ignored.                                                                                                                                |                       |        |
-| **`initialZoomLevel`**             | <code>number</code>                                             | The initial zoom level when starting the camera preview. If the requested zoom level is not available, the native plugin will reject.                                                                   | <code>1.0</code>      | 2.2.0  |
-| **`positioning`**                  | <code><a href="#camerapositioning">CameraPositioning</a></code> | The vertical positioning of the camera preview.                                                                                                                                                         | <code>"center"</code> | 2.3.0  |
-| **`enableVideoMode`**              | <code>boolean</code>                                            | If true, enables video capture capabilities when the camera starts.                                                                                                                                     | <code>false</code>    | 7.11.0 |
-| **`force`**                        | <code>boolean</code>                                            | If true, forces the camera to start/restart even if it's already running or busy. This will kill the current camera session and start a new one, ignoring all state checks.                             | <code>false</code>    |        |
-| **`videoQuality`**                 | <code>'low' \| 'medium' \| 'high'</code>                        | Sets the quality of video for recording. Options: 'low', 'medium', 'high'                                                                                                                               | <code>"high"</code>   |        |
+| Prop                               | Type                                                            | Description                                                                                                                                                                                                          | Default                | Since  |
+| ---------------------------------- | --------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------- | ------ |
+| **`parent`**                       | <code>string</code>                                             | The parent element to attach the video preview to.                                                                                                                                                                   |                        |        |
+| **`className`**                    | <code>string</code>                                             | A CSS class name to add to the preview element.                                                                                                                                                                      |                        |        |
+| **`width`**                        | <code>number</code>                                             | The width of the preview in pixels. Defaults to the screen width.                                                                                                                                                    |                        |        |
+| **`height`**                       | <code>number</code>                                             | The height of the preview in pixels. Defaults to the screen height.                                                                                                                                                  |                        |        |
+| **`x`**                            | <code>number</code>                                             | The horizontal origin of the preview, in pixels.                                                                                                                                                                     |                        |        |
+| **`y`**                            | <code>number</code>                                             | The vertical origin of the preview, in pixels.                                                                                                                                                                       |                        |        |
+| **`aspectRatio`**                  | <code>'4:3' \| '16:9'</code>                                    | The aspect ratio of the camera preview, '4:3' or '16:9' or 'fill'. Cannot be set if width or height is provided, otherwise the call will be rejected. Use setPreviewSize to adjust size after starting.              |                        | 2.0.0  |
+| **`aspectMode`**                   | <code>'cover' \| 'contain'</code>                               | Controls how the camera preview fills the available space. - 'contain': Fits the entire preview within the space, may show letterboxing (default). - 'cover': Fills the entire space, may crop edges of the preview. | <code>"contain"</code> |        |
+| **`gridMode`**                     | <code><a href="#gridmode">GridMode</a></code>                   | The grid overlay to display on the camera preview.                                                                                                                                                                   | <code>"none"</code>    | 2.1.0  |
+| **`includeSafeAreaInsets`**        | <code>boolean</code>                                            | Adjusts the y-position to account for safe areas (e.g., notches).                                                                                                                                                    | <code>false</code>     |        |
+| **`toBack`**                       | <code>boolean</code>                                            | If true, places the preview behind the webview.                                                                                                                                                                      | <code>true</code>      |        |
+| **`paddingBottom`**                | <code>number</code>                                             | Bottom padding for the preview, in pixels.                                                                                                                                                                           |                        |        |
+| **`rotateWhenOrientationChanged`** | <code>boolean</code>                                            | Whether to rotate the preview when the device orientation changes.                                                                                                                                                   | <code>true</code>      |        |
+| **`position`**                     | <code>string</code>                                             | The camera to use.                                                                                                                                                                                                   | <code>"rear"</code>    |        |
+| **`storeToFile`**                  | <code>boolean</code>                                            | If true, saves the captured image to a file and returns the file path. If false, returns a base64 encoded string.                                                                                                    | <code>false</code>     |        |
+| **`disableExifHeaderStripping`**   | <code>boolean</code>                                            | If true, prevents the plugin from rotating the image based on EXIF data.                                                                                                                                             | <code>false</code>     |        |
+| **`disableAudio`**                 | <code>boolean</code>                                            | If true, disables the audio stream, preventing audio permission requests.                                                                                                                                            | <code>true</code>      |        |
+| **`lockAndroidOrientation`**       | <code>boolean</code>                                            | If true, locks the device orientation while the camera is active.                                                                                                                                                    | <code>false</code>     |        |
+| **`enableOpacity`**                | <code>boolean</code>                                            | If true, allows the camera preview's opacity to be changed.                                                                                                                                                          | <code>false</code>     |        |
+| **`disableFocusIndicator`**        | <code>boolean</code>                                            | If true, disables the visual focus indicator when tapping to focus.                                                                                                                                                  | <code>false</code>     |        |
+| **`deviceId`**                     | <code>string</code>                                             | The `deviceId` of the camera to use. If provided, `position` is ignored.                                                                                                                                             |                        |        |
+| **`initialZoomLevel`**             | <code>number</code>                                             | The initial zoom level when starting the camera preview. If the requested zoom level is not available, the native plugin will reject.                                                                                | <code>1.0</code>       | 2.2.0  |
+| **`positioning`**                  | <code><a href="#camerapositioning">CameraPositioning</a></code> | The vertical positioning of the camera preview.                                                                                                                                                                      | <code>"center"</code>  | 2.3.0  |
+| **`enableVideoMode`**              | <code>boolean</code>                                            | If true, enables video capture capabilities when the camera starts.                                                                                                                                                  | <code>false</code>     | 7.11.0 |
+| **`force`**                        | <code>boolean</code>                                            | If true, forces the camera to start/restart even if it's already running or busy. This will kill the current camera session and start a new one, ignoring all state checks.                                          | <code>false</code>     |        |
+| **`videoQuality`**                 | <code>'low' \| 'medium' \| 'high'</code>                        | Sets the quality of video for recording. Options: 'low', 'medium', 'high'                                                                                                                                            | <code>"high"</code>    |        |
 #### ExifData

package/android/src/main/java/app/capgo/capacitor/camera/preview/CameraPreview.java CHANGED Viewed

@@ -897,6 +897,7 @@ public class CameraPreview extends Plugin implements CameraXView.CameraXViewList
         final boolean disableAudio = Boolean.TRUE.equals(call.getBoolean("disableAudio", true));
         this.lastDisableAudio = disableAudio;
         final String aspectRatio = call.getString("aspectRatio", "4:3");
+        final String aspectMode = call.getString("aspectMode", "contain");
         final String gridMode = call.getString("gridMode", "none");
         final String positioning = call.getString("positioning", "top");
         //noinspection DataFlowIssue
@@ -1202,6 +1203,7 @@ public class CameraPreview extends Plugin implements CameraXView.CameraXViewList
                     disableAudio,
                     1.0f,
                     aspectRatio,
+                    aspectMode,
                     gridMode,
                     disableFocusIndicator,
                     enableVideoMode,
@@ -1648,16 +1650,22 @@ public class CameraPreview extends Plugin implements CameraXView.CameraXViewList
                     ")"
             );
-            // Transition window background to transparent now that camera is ready
+            // Transition window and webview backgrounds to transparent now that camera is ready
             // This prevents flickering during camera initialization
+            // Both are set together in the same UI thread operation to avoid race conditions
             if (isToBackMode()) {
                 getBridge()
                     .getActivity()
                     .runOnUiThread(() -> {
                         try {
+                            // Set window background to transparent
                             getBridge().getActivity().getWindow().setBackgroundDrawable(new ColorDrawable(Color.TRANSPARENT));
+                            // Set webview background to almost-transparent for MIUI compatibility
+                            // Use alpha=1 instead of 0 to work around MIUI/Xiaomi rendering issues
+                            // where Color.TRANSPARENT (alpha=0) is not rendered correctly
+                            getBridge().getWebView().setBackgroundColor(Color.argb(1, 255, 255, 255));
                         } catch (Exception e) {
-                            Log.w(TAG, "Failed to set window background to transparent", e);
+                            Log.w(TAG, "Failed to set backgrounds to transparent", e);
                         }
                     });
             }

package/android/src/main/java/app/capgo/capacitor/camera/preview/CameraXView.java CHANGED Viewed

@@ -538,13 +538,9 @@ public class CameraXView implements LifecycleOwner, LifecycleObserver {
         // Use TextureView-backed implementation for broader device compatibility when overlaying with WebView
         // This avoids SurfaceView z-order issues seen on some MIUI/EMUI devices.
         previewView.setImplementationMode(PreviewView.ImplementationMode.COMPATIBLE);
-        // Match iOS behavior: FIT when no aspect ratio, FILL when aspect ratio is set
-        String initialAspectRatio = sessionConfig != null ? sessionConfig.getAspectRatio() : null;
-        previewView.setScaleType(
-            (initialAspectRatio == null || initialAspectRatio.isEmpty())
-                ? PreviewView.ScaleType.FIT_CENTER
-                : PreviewView.ScaleType.FILL_CENTER
-        );
+        // Set scale type based on aspectMode: 'contain' uses FIT, 'cover' uses FILL
+        String aspectMode = sessionConfig != null ? sessionConfig.getAspectMode() : "contain";
+        previewView.setScaleType("cover".equals(aspectMode) ? PreviewView.ScaleType.FILL_CENTER : PreviewView.ScaleType.FIT_CENTER);
         // Also make preview view touchable as backup
         previewView.setClickable(true);
         previewView.setFocusable(true);
@@ -986,11 +982,9 @@ public class CameraXView implements LifecycleOwner, LifecycleObserver {
                     Log.d(TAG, "Image capture resolution: " + imageCaptureResolution.getResolution());
                 }
-                // Update scale type based on aspect ratio whenever (re)binding
-                String ar = sessionConfig != null ? sessionConfig.getAspectRatio() : null;
-                previewView.setScaleType(
-                    (ar == null || ar.isEmpty()) ? PreviewView.ScaleType.FIT_CENTER : PreviewView.ScaleType.FILL_CENTER
-                );
+                // Update scale type based on aspectMode
+                String aspectMode = sessionConfig != null ? sessionConfig.getAspectMode() : "contain";
+                previewView.setScaleType("cover".equals(aspectMode) ? PreviewView.ScaleType.FILL_CENTER : PreviewView.ScaleType.FIT_CENTER);
                 // Set initial zoom if specified, prioritizing targetZoom over default zoomFactor
                 float initialZoom = sessionConfig.getTargetZoom() != 1.0f ? sessionConfig.getTargetZoom() : sessionConfig.getZoomFactor();
@@ -1048,14 +1042,8 @@ public class CameraXView implements LifecycleOwner, LifecycleObserver {
                         // Update grid overlay bounds after camera is started
                         updateGridOverlayBounds();
-                        // Now transition to transparent background after camera is ready
-                        // This prevents flickering during camera initialization
-                        if (sessionConfig.isToBack()) {
-                            webView.post(() -> {
-                                webView.setBackgroundColor(android.graphics.Color.TRANSPARENT);
-                            });
-                        }
+                        // Notify listener that camera is started
+                        // The listener (CameraPreview) will handle setting both window and webview to transparent
                         listener.onCameraStarted(actualWidth, actualHeight, actualX, actualY);
                     });
                 }
@@ -2760,6 +2748,7 @@ public class CameraXView implements LifecycleOwner, LifecycleObserver {
                         sessionConfig.getDisableAudio(),
                         sessionConfig.getZoomFactor(),
                         sessionConfig.getAspectRatio(),
+                        sessionConfig.getAspectMode(),
                         sessionConfig.getGridMode(),
                         sessionConfig.getDisableFocusIndicator(),
                         sessionConfig.isVideoModeEnabled(),
@@ -2805,6 +2794,7 @@ public class CameraXView implements LifecycleOwner, LifecycleObserver {
             sessionConfig.isDisableAudio(), // disableAudio
             sessionConfig.getZoomFactor(), // zoomFactor
             sessionConfig.getAspectRatio(), // aspectRatio
+            sessionConfig.getAspectMode(), // aspectMode
             sessionConfig.getGridMode(), // gridMode
             sessionConfig.getDisableFocusIndicator(), // disableFocusIndicator
             sessionConfig.isVideoModeEnabled(), // enableVideoMode
@@ -2924,6 +2914,7 @@ public class CameraXView implements LifecycleOwner, LifecycleObserver {
             sessionConfig.getDisableAudio(),
             sessionConfig.getZoomFactor(),
             aspectRatio,
+            sessionConfig.getAspectMode(),
             currentGridMode,
             sessionConfig.getDisableFocusIndicator(),
             sessionConfig.isVideoModeEnabled(),
@@ -2999,6 +2990,7 @@ public class CameraXView implements LifecycleOwner, LifecycleObserver {
             sessionConfig.getDisableAudio(),
             sessionConfig.getZoomFactor(),
             aspectRatio,
+            sessionConfig.getAspectMode(),
             currentGridMode,
             sessionConfig.getDisableFocusIndicator(),
             sessionConfig.isVideoModeEnabled(),
@@ -3061,6 +3053,7 @@ public class CameraXView implements LifecycleOwner, LifecycleObserver {
                 sessionConfig.getDisableAudio(),
                 sessionConfig.getZoomFactor(),
                 sessionConfig.getAspectRatio(),
+                sessionConfig.getAspectMode(),
                 gridMode,
                 sessionConfig.getDisableFocusIndicator(),
                 sessionConfig.isVideoModeEnabled(),
@@ -3400,6 +3393,7 @@ public class CameraXView implements LifecycleOwner, LifecycleObserver {
                         sessionConfig.getDisableAudio(),
                         sessionConfig.getZoomFactor(),
                         calculatedAspectRatio,
+                        sessionConfig.getAspectMode(),
                         sessionConfig.getGridMode(),
                         sessionConfig.getDisableFocusIndicator(),
                         sessionConfig.isVideoModeEnabled(),

package/android/src/main/java/app/capgo/capacitor/camera/preview/model/CameraSessionConfiguration.java CHANGED Viewed

@@ -19,6 +19,7 @@ public class CameraSessionConfiguration {
     private final boolean disableAudio;
     private final float zoomFactor;
     private final String aspectRatio;
+    private final String aspectMode;
     private final String gridMode;
     private final boolean disableFocusIndicator;
     private final boolean enableVideoMode;
@@ -41,6 +42,7 @@ public class CameraSessionConfiguration {
         boolean disableAudio,
         float zoomFactor,
         String aspectRatio,
+        String aspectMode,
         String gridMode,
         boolean disableFocusIndicator,
         boolean enableVideoMode,
@@ -60,6 +62,7 @@ public class CameraSessionConfiguration {
         this.disableAudio = disableAudio;
         this.zoomFactor = zoomFactor;
         this.aspectRatio = aspectRatio;
+        this.aspectMode = aspectMode != null ? aspectMode : "contain";
         this.gridMode = gridMode != null ? gridMode : "none";
         this.disableFocusIndicator = disableFocusIndicator;
         this.enableVideoMode = enableVideoMode;
@@ -130,6 +133,10 @@ public class CameraSessionConfiguration {
         return aspectRatio;
     }
+    public String getAspectMode() {
+        return aspectMode;
+    }
     public String getGridMode() {
         return gridMode;
     }

package/dist/docs.json CHANGED Viewed

@@ -1180,6 +1180,22 @@
           "complexTypes": [],
           "type": "'4:3' | '16:9' | undefined"
         },
+        {
+          "name": "aspectMode",
+          "tags": [
+            {
+              "text": "\"contain\"",
+              "name": "default"
+            },
+            {
+              "text": "android, ios, web",
+              "name": "platform"
+            }
+          ],
+          "docs": "Controls how the camera preview fills the available space.\n- 'contain': Fits the entire preview within the space, may show letterboxing (default).\n- 'cover': Fills the entire space, may crop edges of the preview.",
+          "complexTypes": [],
+          "type": "'cover' | 'contain' | undefined"
+        },
         {
           "name": "gridMode",
           "tags": [

package/dist/esm/definitions.d.ts CHANGED Viewed

@@ -115,6 +115,14 @@ export interface CameraPreviewOptions {
      * @since 2.0.0
      */
     aspectRatio?: '4:3' | '16:9';
+    /**
+     * Controls how the camera preview fills the available space.
+     * - 'contain': Fits the entire preview within the space, may show letterboxing (default).
+     * - 'cover': Fills the entire space, may crop edges of the preview.
+     * @default "contain"
+     * @platform android, ios, web
+     */
+    aspectMode?: 'cover' | 'contain';
     /**
      * The grid overlay to display on the camera preview.
      * @default "none"

package/dist/esm/definitions.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"definitions.js","sourceRoot":"","sources":["../../src/definitions.ts"],"names":[],"mappings":"AAwBA,MAAM,CAAN,IAAY,UAQX;AARD,WAAY,UAAU;IACpB,sCAAwB,CAAA;IACxB,sCAAwB,CAAA;IACxB,qCAAuB,CAAA;IACvB,sCAAwB,CAAA;IACxB,2BAAa,CAAA;IACb,oCAAsB,CAAA;IACtB,+BAAiB,CAAA;AACnB,CAAC,EARW,UAAU,KAAV,UAAU,QAQrB","sourcesContent":["import type { PermissionState, PluginListenerHandle } from '@capacitor/core';\n\nexport type CameraPosition = 'rear' \| 'front';\n\nexport type FlashMode = CameraPreviewFlashMode;\n\nexport type GridMode = 'none' \| '3x3' \| '4x4';\n\nexport type CameraPositioning = 'center' \| 'top' \| 'bottom';\n\nexport interface CameraPermissionStatus {\n camera: PermissionState;\n microphone?: PermissionState;\n}\n\nexport interface PermissionRequestOptions {\n disableAudio?: boolean;\n showSettingsAlert?: boolean;\n title?: string;\n message?: string;\n openSettingsButtonTitle?: string;\n cancelButtonTitle?: string;\n}\n\nexport enum DeviceType {\n ULTRA_WIDE = 'ultraWide',\n WIDE_ANGLE = 'wideAngle',\n TELEPHOTO = 'telephoto',\n TRUE_DEPTH = 'trueDepth',\n DUAL = 'dual',\n DUAL_WIDE = 'dualWide',\n TRIPLE = 'triple',\n}\n\n/*\n Represents a single camera lens on a device. A {@link CameraDevice} can have multiple lenses.\n /\nexport interface CameraLens {\n /* A human-readable name for the lens, e.g., \"Ultra-Wide\". /\n label: string;\n /* The type of the camera lens. /\n deviceType: DeviceType;\n /* The focal length of the lens in millimeters. /\n focalLength: number;\n /* The base zoom factor for this lens (e.g., 0.5 for ultra-wide, 1.0 for wide). /\n baseZoomRatio: number;\n /* The minimum zoom factor supported by this specific lens. /\n minZoom: number;\n /* The maximum zoom factor supported by this specific lens. /\n maxZoom: number;\n}\n\n/\n Represents a physical camera on the device (e.g., the front-facing camera).\n /\nexport interface CameraDevice {\n /* A unique identifier for the camera device. /\n deviceId: string;\n /* A human-readable name for the camera device. /\n label: string;\n /* The physical position of the camera on the device. /\n position: CameraPosition;\n /* A list of all available lenses for this camera device. /\n lenses: CameraLens[];\n /* The overall minimum zoom factor available across all lenses on this device. /\n minZoom: number;\n /* The overall maximum zoom factor available across all lenses on this device. /\n maxZoom: number;\n /* Identifies whether the device is a logical camera (composed of multiple physical lenses). /\n isLogical: boolean;\n}\n\n/\n Represents the detailed information of the currently active lens.\n /\nexport interface LensInfo {\n /* The focal length of the active lens in millimeters. /\n focalLength: number;\n /* The device type of the active lens. /\n deviceType: DeviceType;\n /* The base zoom ratio of the active lens (e.g., 0.5x, 1.0x). /\n baseZoomRatio: number;\n /* The current digital zoom factor applied on top of the base zoom. /\n digitalZoom: number;\n}\n\n/\n Defines the configuration options for starting the camera preview.\n /\nexport interface CameraPreviewOptions {\n /\n The parent element to attach the video preview to.\n * @platform web\n /\n parent?: string;\n /\n A CSS class name to add to the preview element.\n * @platform web\n /\n className?: string;\n /\n The width of the preview in pixels. Defaults to the screen width.\n * @platform android, ios, web\n /\n width?: number;\n /\n The height of the preview in pixels. Defaults to the screen height.\n * @platform android, ios, web\n /\n height?: number;\n /\n The horizontal origin of the preview, in pixels.\n * @platform android, ios\n /\n x?: number;\n /\n The vertical origin of the preview, in pixels.\n * @platform android, ios\n /\n y?: number;\n /\n The aspect ratio of the camera preview, '4:3' or '16:9' or 'fill'.\n * Cannot be set if width or height is provided, otherwise the call will be rejected.\n * Use setPreviewSize to adjust size after starting.\n \n @since 2.0.0\n /\n aspectRatio?: '4:3' \| '16:9';\n /\n The grid overlay to display on the camera preview.\n * @default \"none\"\n * @since 2.1.0\n /\n gridMode?: GridMode;\n /\n Adjusts the y-position to account for safe areas (e.g., notches).\n * @platform ios\n * @default false\n /\n includeSafeAreaInsets?: boolean;\n /\n If true, places the preview behind the webview.\n * @platform android\n * @default true\n /\n toBack?: boolean;\n /\n Bottom padding for the preview, in pixels.\n * @platform android, ios\n /\n paddingBottom?: number;\n /\n Whether to rotate the preview when the device orientation changes.\n * @platform ios\n * @default true\n /\n rotateWhenOrientationChanged?: boolean;\n /\n The camera to use.\n * @default \"rear\"\n /\n position?: CameraPosition \| string;\n /\n If true, saves the captured image to a file and returns the file path.\n * If false, returns a base64 encoded string.\n * @default false\n /\n storeToFile?: boolean;\n /\n If true, prevents the plugin from rotating the image based on EXIF data.\n * @platform android\n * @default false\n /\n disableExifHeaderStripping?: boolean;\n /\n If true, disables the audio stream, preventing audio permission requests.\n * @default true\n /\n disableAudio?: boolean;\n /\n If true, locks the device orientation while the camera is active.\n * @platform android\n * @default false\n /\n lockAndroidOrientation?: boolean;\n /\n If true, allows the camera preview's opacity to be changed.\n * @platform android, web\n * @default false\n /\n enableOpacity?: boolean;\n\n /\n If true, disables the visual focus indicator when tapping to focus.\n * @platform android, ios\n * @default false\n /\n disableFocusIndicator?: boolean;\n /\n The `deviceId` of the camera to use. If provided, `position` is ignored.\n * @platform ios\n /\n deviceId?: string;\n /\n The initial zoom level when starting the camera preview.\n * If the requested zoom level is not available, the native plugin will reject.\n * @default 1.0\n * @platform android, ios\n * @since 2.2.0\n /\n initialZoomLevel?: number;\n /\n The vertical positioning of the camera preview.\n * @default \"center\"\n * @platform android, ios, web\n * @since 2.3.0\n /\n positioning?: CameraPositioning;\n /\n If true, enables video capture capabilities when the camera starts.\n * @default false\n * @platform android\n * @since 7.11.0\n /\n enableVideoMode?: boolean;\n /\n If true, forces the camera to start/restart even if it's already running or busy.\n * This will kill the current camera session and start a new one, ignoring all state checks.\n * @default false\n * @platform android, ios, web\n /\n force?: boolean;\n /\n Sets the quality of video for recording.\n * Options: 'low', 'medium', 'high'\n * @note On Android requires 'enableVideoMode' to be true\n * @note Will affect the entire preview stream for iOS\n * @platform ios, android\n * @default \"high\"\n /\n videoQuality?: 'low' \| 'medium' \| 'high';\n}\n\n/\n Defines the options for capturing a picture.\n /\nexport interface CameraPreviewPictureOptions {\n /\n The maximum height of the picture in pixels. The image will be resized to fit within this height while maintaining aspect ratio.\n * If not specified the captured image will match the preview's visible area.\n /\n height?: number;\n /\n The maximum width of the picture in pixels. The image will be resized to fit within this width while maintaining aspect ratio.\n * If not specified the captured image will match the preview's visible area.\n /\n width?: number;\n /\n The quality of the captured image, from 0 to 100.\n * Does not apply to `png` format.\n * @default 85\n /\n quality?: number;\n /\n The format of the captured image.\n * @default \"jpeg\"\n /\n format?: PictureFormat;\n /\n If true, the captured image will be saved to the user's gallery.\n * @default false\n * @since 7.5.0\n /\n saveToGallery?: boolean;\n /\n If true, the plugin will attempt to add GPS location data to the image's EXIF metadata.\n * This may prompt the user for location permissions.\n * @default false\n * @since 7.6.0\n /\n withExifLocation?: boolean;\n /\n If true, the plugin will embed a timestamp in the top-right corner of the image.\n * @default false\n * @since 7.17.0\n /\n embedTimestamp?: boolean;\n /\n If true, the plugin will embed the current location in the top-right corner of the image.\n * Requires `withExifLocation` to be enabled.\n * @default false\n * @since 7.18.0\n /\n embedLocation?: boolean;\n /\n Sets the priority for photo quality vs. capture speed.\n * - \"speed\": Prioritizes faster capture times, may reduce image quality.\n * - \"balanced\": Aims for a balance between quality and speed.\n * - \"quality\": Prioritizes image quality, may reduce capture speed.\n * See https://developer.apple.com/documentation/avfoundation/avcapturephotosettings/photoqualityprioritization for details.\n \n @since 7.21.0\n * @platform ios\n * @default \"speed\"\n /\n photoQualityPrioritization?: 'speed' \| 'balanced' \| 'quality';\n}\n\n/* Represents EXIF data extracted from an image. /\nexport interface ExifData {\n [key: string]: any;\n}\n\nexport type PictureFormat = 'jpeg' \| 'png';\n\n/* Defines a standard picture size with width and height. /\nexport interface PictureSize {\n /* The width of the picture in pixels. /\n width: number;\n /* The height of the picture in pixels. /\n height: number;\n}\n\n/* Represents the supported picture sizes for a camera facing a certain direction. /\nexport interface SupportedPictureSizes {\n /* The camera direction (\"front\" or \"rear\"). /\n facing: string;\n /* A list of supported picture sizes for this camera. /\n supportedPictureSizes: PictureSize[];\n}\n\n/\n Defines the options for capturing a sample frame from the camera preview.\n /\nexport interface CameraSampleOptions {\n /\n The quality of the captured sample, from 0 to 100.\n * @default 85\n /\n quality?: number;\n}\n\n/\n The available flash modes for the camera.\n * 'torch' is a continuous light mode.\n /\nexport type CameraPreviewFlashMode = 'off' \| 'on' \| 'auto' \| 'torch';\n\n/* Reusable exposure mode type for cross-platform support. /\nexport type ExposureMode = 'AUTO' \| 'LOCK' \| 'CONTINUOUS' \| 'CUSTOM';\n\n/\n Defines the options for setting the camera preview's opacity.\n /\nexport interface CameraOpacityOptions {\n /\n The opacity percentage, from 0.0 (fully transparent) to 1.0 (fully opaque).\n * @default 1.0\n /\n opacity?: number;\n}\n\n/\n Represents safe area insets for devices.\n * Android: Values are expressed in logical pixels (dp) to match JS layout units.\n * iOS: Values are expressed in physical pixels and exclude status bar.\n /\nexport interface SafeAreaInsets {\n /* Current device orientation (1 = portrait, 2 = landscape, 0 = unknown). /\n orientation: number;\n /\n Orientation-aware notch/camera cutout inset (excluding status bar).\n * In portrait mode: returns top inset (notch at top).\n * In landscape mode: returns left inset (notch at side).\n * Android: Value in dp, iOS: Value in pixels (status bar excluded).\n /\n top: number;\n}\n\n/\n Canonical device orientation values across platforms.\n /\nexport type DeviceOrientation = 'portrait' \| 'landscape-left' \| 'landscape-right' \| 'portrait-upside-down' \| 'unknown';\n\n/\n The main interface for the CameraPreview plugin.\n /\nexport interface CameraPreviewPlugin {\n /\n Starts the camera preview.\n \n @param {CameraPreviewOptions} options - The configuration for the camera preview.\n * @returns {Promise<{ width: number; height: number; x: number; y: number }>} A promise that resolves with the preview dimensions.\n * @since 0.0.1\n /\n start(options: CameraPreviewOptions): Promise<{\n /* The width of the preview in pixels. /\n width: number;\n /* The height of the preview in pixels. /\n height: number;\n /* The horizontal origin of the preview, in pixels. /\n x: number;\n /* The vertical origin of the preview, in pixels. /\n y: number;\n }>;\n\n /\n Stops the camera preview.\n \n @param {object} options - Optional configuration for stopping the camera.\n * @param {boolean} options.force - If true, forces the camera to stop even if busy or capturing. Default: false.\n * @returns {Promise<void>} A promise that resolves when the camera preview is stopped.\n * @since 0.0.1\n /\n stop(options?: { force?: boolean }): Promise<void>;\n\n /\n Captures a picture from the camera.\n \n If `storeToFile` was set to `true` when starting the preview, the returned\n * `value` will be an absolute file path on the device instead of a base64 string. Use getBase64FromFilePath to get the base64 string from the file path.\n \n @param {CameraPreviewPictureOptions} options - The options for capturing the picture.\n * @returns {Promise<{ value: string; exif: ExifData }>} Resolves with:\n * - `value`: base64 string, or file path if `storeToFile` is true\n * - `exif`: extracted EXIF metadata when available\n * @since 0.0.1\n /\n capture(options: CameraPreviewPictureOptions): Promise<{ value: string; exif: ExifData }>;\n\n /\n Captures a single frame from the camera preview stream.\n \n @param {CameraSampleOptions} options - The options for capturing the sample.\n * @returns {Promise<{ value: string }>} A promise that resolves with the sample image as a base64 encoded string.\n * @since 0.0.1\n /\n captureSample(options: CameraSampleOptions): Promise<{ value: string }>;\n\n /\n Gets the flash modes supported by the active camera.\n \n @returns {Promise<{ result: CameraPreviewFlashMode[] }>} A promise that resolves with an array of supported flash modes.\n * @since 0.0.1\n /\n getSupportedFlashModes(): Promise<{\n result: CameraPreviewFlashMode[];\n }>;\n\n /\n Set the aspect ratio of the camera preview.\n \n @param {{ aspectRatio: '4:3' \| '16:9'; x?: number; y?: number }} options - The desired aspect ratio and optional position.\n * - aspectRatio: The desired aspect ratio ('4:3' or '16:9')\n * - x: Optional x coordinate for positioning. If not provided, view will be auto-centered horizontally.\n * - y: Optional y coordinate for positioning. If not provided, view will be auto-centered vertically.\n * @returns {Promise<{ width: number; height: number; x: number; y: number }>} A promise that resolves with the actual preview dimensions and position.\n * @since 7.5.0\n * @platform android, ios\n /\n setAspectRatio(options: { aspectRatio: '4:3' \| '16:9'; x?: number; y?: number }): Promise<{\n width: number;\n height: number;\n x: number;\n y: number;\n }>;\n\n /\n Gets the current aspect ratio of the camera preview.\n \n @returns {Promise<{ aspectRatio: '4:3' \| '16:9' }>} A promise that resolves with the current aspect ratio.\n * @since 7.5.0\n * @platform android, ios\n /\n getAspectRatio(): Promise<{ aspectRatio: '4:3' \| '16:9' }>;\n\n /\n Sets the grid mode of the camera preview overlay.\n \n @param {{ gridMode: GridMode }} options - The desired grid mode ('none', '3x3', or '4x4').\n * @returns {Promise<void>} A promise that resolves when the grid mode is set.\n * @since 8.0.0\n /\n setGridMode(options: { gridMode: GridMode }): Promise<void>;\n\n /\n Gets the current grid mode of the camera preview overlay.\n \n @returns {Promise<{ gridMode: GridMode }>} A promise that resolves with the current grid mode.\n * @since 8.0.0\n /\n getGridMode(): Promise<{ gridMode: GridMode }>;\n\n /\n Checks the current camera (and optionally microphone) permission status without prompting the system dialog.\n \n @param options Set `disableAudio` to `false` to also include microphone status (defaults to `true`).\n * @returns {Promise<CameraPermissionStatus>} A promise resolving to the current authorization states.\n * @since 8.7.0\n /\n checkPermissions(options?: Pick<PermissionRequestOptions, 'disableAudio'>): Promise<CameraPermissionStatus>;\n\n /\n Requests camera (and optional microphone) permissions. If permissions are already granted or denied,\n * the current status is returned without prompting. When `showSettingsAlert` is true and permissions are denied,\n * a platform specific alert guiding the user to the app settings will be presented.\n \n @param {PermissionRequestOptions} options - Configuration for the permission request behaviour.\n * @returns {Promise<CameraPermissionStatus>} A promise resolving to the final authorization states.\n * @since 8.7.0\n /\n requestPermissions(options?: PermissionRequestOptions): Promise<CameraPermissionStatus>;\n\n /\n Gets the horizontal field of view (FoV) for the active camera.\n * Note: This can be an estimate on some devices.\n \n @returns {Promise<{ result: number }>} A promise that resolves with the horizontal field of view in degrees.\n * @since 0.0.1\n /\n getHorizontalFov(): Promise<{\n result: number;\n }>;\n\n /\n Gets the supported picture sizes for all cameras.\n \n @returns {Promise<{ supportedPictureSizes: SupportedPictureSizes[] }>} A promise that resolves with the list of supported sizes.\n * @since 7.4.0\n /\n getSupportedPictureSizes(): Promise<{\n supportedPictureSizes: SupportedPictureSizes[];\n }>;\n\n /\n Sets the flash mode for the active camera.\n \n @param {{ flashMode: CameraPreviewFlashMode \| string }} options - The desired flash mode.\n * @returns {Promise<void>} A promise that resolves when the flash mode is set.\n * @since 0.0.1\n /\n setFlashMode(options: { flashMode: CameraPreviewFlashMode \| string }): Promise<void>;\n\n /\n Toggles between the front and rear cameras.\n \n @returns {Promise<void>} A promise that resolves when the camera is flipped.\n * @since 0.0.1\n /\n flip(): Promise<void>;\n\n /\n Sets the opacity of the camera preview.\n \n @param {CameraOpacityOptions} options - The opacity options.\n * @returns {Promise<void>} A promise that resolves when the opacity is set.\n * @since 0.0.1\n /\n setOpacity(options: CameraOpacityOptions): Promise<void>;\n\n /\n Stops an ongoing video recording.\n \n @returns {Promise<{ videoFilePath: string }>} A promise that resolves with the path to the recorded video file.\n * @since 0.0.1\n /\n stopRecordVideo(): Promise<{ videoFilePath: string }>;\n\n /\n Starts recording a video.\n \n @param {CameraPreviewOptions} options - The options for video recording. Only iOS.\n * @returns {Promise<void>} A promise that resolves when video recording starts.\n * @since 0.0.1\n /\n startRecordVideo(options: CameraPreviewOptions): Promise<void>;\n\n /\n Checks if the camera preview is currently running.\n \n @returns {Promise<{ isRunning: boolean }>} A promise that resolves with the running state.\n * @since 7.5.0\n * @platform android, ios\n /\n isRunning(): Promise<{ isRunning: boolean }>;\n\n /\n Gets all available camera devices.\n \n @returns {Promise<{ devices: CameraDevice[] }>} A promise that resolves with the list of available camera devices.\n * @since 7.5.0\n * @platform android, ios\n /\n getAvailableDevices(): Promise<{ devices: CameraDevice[] }>;\n\n /\n Gets the current zoom state, including min/max and current lens info.\n \n @returns {Promise<{ min: number; max: number; current: number; lens: LensInfo }>} A promise that resolves with the zoom state.\n * @since 7.5.0\n * @platform android, ios\n /\n getZoom(): Promise<{\n min: number;\n max: number;\n current: number;\n lens: LensInfo;\n }>;\n\n /\n Returns zoom button values for quick switching.\n * - iOS/Android: includes 0.5 if ultra-wide available; 1 and 2 if wide available; 3 if telephoto available\n * - Web: unsupported\n * @since 7.5.0\n * @platform android, ios\n /\n getZoomButtonValues(): Promise<{ values: number[] }>;\n\n /\n Sets the zoom level of the camera.\n \n @param {{ level: number; ramp?: boolean; autoFocus?: boolean }} options - The desired zoom level. `ramp` is currently unused. `autoFocus` defaults to true.\n * @returns {Promise<void>} A promise that resolves when the zoom level is set.\n * @since 7.5.0\n * @platform android, ios\n /\n setZoom(options: { level: number; ramp?: boolean; autoFocus?: boolean }): Promise<void>;\n\n /\n Gets the current flash mode.\n \n @returns {Promise<{ flashMode: FlashMode }>} A promise that resolves with the current flash mode.\n * @since 7.5.0\n * @platform android, ios\n /\n getFlashMode(): Promise<{ flashMode: FlashMode }>;\n\n /\n Removes all registered listeners.\n \n @since 7.5.0\n * @platform android, ios\n /\n removeAllListeners(): Promise<void>;\n\n /\n Switches the active camera to the one with the specified `deviceId`.\n \n @param {{ deviceId: string }} options - The ID of the device to switch to.\n * @returns {Promise<void>} A promise that resolves when the camera is switched.\n * @since 7.5.0\n * @platform android, ios\n /\n setDeviceId(options: { deviceId: string }): Promise<void>;\n\n /\n Gets the ID of the currently active camera device.\n \n @returns {Promise<{ deviceId: string }>} A promise that resolves with the current device ID.\n * @since 7.5.0\n * @platform android, ios\n /\n getDeviceId(): Promise<{ deviceId: string }>;\n\n /\n Gets the current preview size and position.\n * @returns {Promise<{x: number, y: number, width: number, height: number}>}\n * @since 7.5.0\n * @platform android, ios\n /\n getPreviewSize(): Promise<{\n x: number;\n y: number;\n width: number;\n height: number;\n }>;\n /\n Sets the preview size and position.\n * @param options The new position and dimensions.\n * @returns {Promise<{ width: number; height: number; x: number; y: number }>} A promise that resolves with the actual preview dimensions and position.\n * @since 7.5.0\n * @platform android, ios\n /\n setPreviewSize(options: { x?: number; y?: number; width: number; height: number }): Promise<{\n width: number;\n height: number;\n x: number;\n y: number;\n }>;\n\n /\n Sets the camera focus to a specific point in the preview.\n \n Note: The plugin does not attach any native tap-to-focus gesture handlers. Handle taps in\n * your HTML/JS (e.g., on the overlaying UI), then pass normalized coordinates here.\n \n @param {Object} options - The focus options.\n * @param {number} options.x - The x coordinate in the preview view to focus on (0-1 normalized).\n * @param {number} options.y - The y coordinate in the preview view to focus on (0-1 normalized).\n * @returns {Promise<void>} A promise that resolves when the focus is set.\n * @since 7.5.0\n * @platform android, ios\n /\n setFocus(options: { x: number; y: number }): Promise<void>;\n\n /\n Adds a listener for screen resize events.\n * @param {string} eventName - The event name to listen for.\n * @param {Function} listenerFunc - The function to call when the event is triggered.\n * @returns {Promise<PluginListenerHandle>} A promise that resolves with a handle to the listener.\n * @since 7.5.0\n * @platform android, ios\n /\n addListener(\n eventName: 'screenResize',\n listenerFunc: (data: { width: number; height: number; x: number; y: number }) => void,\n ): Promise<PluginListenerHandle>;\n\n /\n Adds a listener for orientation change events.\n * @param {string} eventName - The event name to listen for.\n * @param {Function} listenerFunc - The function to call when the event is triggered.\n * @returns {Promise<PluginListenerHandle>} A promise that resolves with a handle to the listener.\n * @since 7.5.0\n * @platform android, ios\n /\n addListener(\n eventName: 'orientationChange',\n listenerFunc: (data: { orientation: DeviceOrientation }) => void,\n ): Promise<PluginListenerHandle>;\n /\n Deletes a file at the given absolute path on the device.\n * Use this to quickly clean up temporary images created with `storeToFile`.\n * On web, this is not supported and will throw.\n * @since 7.5.0\n * @platform android, ios\n /\n deleteFile(options: { path: string }): Promise<{ success: boolean }>;\n\n /\n Gets the safe area insets for devices.\n * Returns the orientation-aware notch/camera cutout inset and the current orientation.\n * In portrait mode: returns top inset (notch at top).\n * In landscape mode: returns left inset (notch moved to side).\n * This specifically targets the cutout area (notch, punch hole, etc.) that all modern phones have.\n \n Android: Values returned in dp (logical pixels).\n * iOS: Values returned in physical pixels, excluding status bar (only pure notch/cutout size).\n \n @platform android, ios\n /\n getSafeAreaInsets(): Promise<SafeAreaInsets>;\n\n /\n Gets the current device orientation in a cross-platform format.\n * @since 7.5.0\n * @platform android, ios\n /\n getOrientation(): Promise<{ orientation: DeviceOrientation }>;\n\n /\n Returns the exposure modes supported by the active camera.\n * Modes can include: 'locked', 'auto', 'continuous', 'custom'.\n * @platform android, ios\n /\n getExposureModes(): Promise<{ modes: ExposureMode[] }>;\n\n /\n Returns the current exposure mode.\n * @platform android, ios\n /\n getExposureMode(): Promise<{ mode: ExposureMode }>;\n\n /\n Sets the exposure mode.\n * @platform android, ios\n /\n setExposureMode(options: { mode: ExposureMode }): Promise<void>;\n\n /\n Returns the exposure compensation (EV bias) supported range.\n * @platform ios, android\n /\n getExposureCompensationRange(): Promise<{\n min: number;\n max: number;\n step: number;\n }>;\n\n /\n Returns the current exposure compensation (EV bias).\n * @platform ios, android\n /\n getExposureCompensation(): Promise<{ value: number }>;\n\n /\n Sets the exposure compensation (EV bias). Value will be clamped to range.\n * @platform ios, android\n /\n setExposureCompensation(options: { value: number }): Promise<void>;\n\n /\n Get the native Capacitor plugin version\n \n @returns {Promise<{ id: string }>} an Promise with version for this device\n * @throws An error if the something went wrong\n */\n getPluginVersion(): Promise<{ version: string }>;\n}\n"]}
1	+ {"version":3,"file":"definitions.js","sourceRoot":"","sources":["../../src/definitions.ts"],"names":[],"mappings":"AAwBA,MAAM,CAAN,IAAY,UAQX;AARD,WAAY,UAAU;IACpB,sCAAwB,CAAA;IACxB,sCAAwB,CAAA;IACxB,qCAAuB,CAAA;IACvB,sCAAwB,CAAA;IACxB,2BAAa,CAAA;IACb,oCAAsB,CAAA;IACtB,+BAAiB,CAAA;AACnB,CAAC,EARW,UAAU,KAAV,UAAU,QAQrB","sourcesContent":["import type { PermissionState, PluginListenerHandle } from '@capacitor/core';\n\nexport type CameraPosition = 'rear' \| 'front';\n\nexport type FlashMode = CameraPreviewFlashMode;\n\nexport type GridMode = 'none' \| '3x3' \| '4x4';\n\nexport type CameraPositioning = 'center' \| 'top' \| 'bottom';\n\nexport interface CameraPermissionStatus {\n camera: PermissionState;\n microphone?: PermissionState;\n}\n\nexport interface PermissionRequestOptions {\n disableAudio?: boolean;\n showSettingsAlert?: boolean;\n title?: string;\n message?: string;\n openSettingsButtonTitle?: string;\n cancelButtonTitle?: string;\n}\n\nexport enum DeviceType {\n ULTRA_WIDE = 'ultraWide',\n WIDE_ANGLE = 'wideAngle',\n TELEPHOTO = 'telephoto',\n TRUE_DEPTH = 'trueDepth',\n DUAL = 'dual',\n DUAL_WIDE = 'dualWide',\n TRIPLE = 'triple',\n}\n\n/*\n Represents a single camera lens on a device. A {@link CameraDevice} can have multiple lenses.\n /\nexport interface CameraLens {\n /* A human-readable name for the lens, e.g., \"Ultra-Wide\". /\n label: string;\n /* The type of the camera lens. /\n deviceType: DeviceType;\n /* The focal length of the lens in millimeters. /\n focalLength: number;\n /* The base zoom factor for this lens (e.g., 0.5 for ultra-wide, 1.0 for wide). /\n baseZoomRatio: number;\n /* The minimum zoom factor supported by this specific lens. /\n minZoom: number;\n /* The maximum zoom factor supported by this specific lens. /\n maxZoom: number;\n}\n\n/\n Represents a physical camera on the device (e.g., the front-facing camera).\n /\nexport interface CameraDevice {\n /* A unique identifier for the camera device. /\n deviceId: string;\n /* A human-readable name for the camera device. /\n label: string;\n /* The physical position of the camera on the device. /\n position: CameraPosition;\n /* A list of all available lenses for this camera device. /\n lenses: CameraLens[];\n /* The overall minimum zoom factor available across all lenses on this device. /\n minZoom: number;\n /* The overall maximum zoom factor available across all lenses on this device. /\n maxZoom: number;\n /* Identifies whether the device is a logical camera (composed of multiple physical lenses). /\n isLogical: boolean;\n}\n\n/\n Represents the detailed information of the currently active lens.\n /\nexport interface LensInfo {\n /* The focal length of the active lens in millimeters. /\n focalLength: number;\n /* The device type of the active lens. /\n deviceType: DeviceType;\n /* The base zoom ratio of the active lens (e.g., 0.5x, 1.0x). /\n baseZoomRatio: number;\n /* The current digital zoom factor applied on top of the base zoom. /\n digitalZoom: number;\n}\n\n/\n Defines the configuration options for starting the camera preview.\n /\nexport interface CameraPreviewOptions {\n /\n The parent element to attach the video preview to.\n * @platform web\n /\n parent?: string;\n /\n A CSS class name to add to the preview element.\n * @platform web\n /\n className?: string;\n /\n The width of the preview in pixels. Defaults to the screen width.\n * @platform android, ios, web\n /\n width?: number;\n /\n The height of the preview in pixels. Defaults to the screen height.\n * @platform android, ios, web\n /\n height?: number;\n /\n The horizontal origin of the preview, in pixels.\n * @platform android, ios\n /\n x?: number;\n /\n The vertical origin of the preview, in pixels.\n * @platform android, ios\n /\n y?: number;\n /\n The aspect ratio of the camera preview, '4:3' or '16:9' or 'fill'.\n * Cannot be set if width or height is provided, otherwise the call will be rejected.\n * Use setPreviewSize to adjust size after starting.\n \n @since 2.0.0\n /\n aspectRatio?: '4:3' \| '16:9';\n /\n Controls how the camera preview fills the available space.\n * - 'contain': Fits the entire preview within the space, may show letterboxing (default).\n * - 'cover': Fills the entire space, may crop edges of the preview.\n * @default \"contain\"\n * @platform android, ios, web\n /\n aspectMode?: 'cover' \| 'contain';\n /\n The grid overlay to display on the camera preview.\n * @default \"none\"\n * @since 2.1.0\n /\n gridMode?: GridMode;\n /\n Adjusts the y-position to account for safe areas (e.g., notches).\n * @platform ios\n * @default false\n /\n includeSafeAreaInsets?: boolean;\n /\n If true, places the preview behind the webview.\n * @platform android\n * @default true\n /\n toBack?: boolean;\n /\n Bottom padding for the preview, in pixels.\n * @platform android, ios\n /\n paddingBottom?: number;\n /\n Whether to rotate the preview when the device orientation changes.\n * @platform ios\n * @default true\n /\n rotateWhenOrientationChanged?: boolean;\n /\n The camera to use.\n * @default \"rear\"\n /\n position?: CameraPosition \| string;\n /\n If true, saves the captured image to a file and returns the file path.\n * If false, returns a base64 encoded string.\n * @default false\n /\n storeToFile?: boolean;\n /\n If true, prevents the plugin from rotating the image based on EXIF data.\n * @platform android\n * @default false\n /\n disableExifHeaderStripping?: boolean;\n /\n If true, disables the audio stream, preventing audio permission requests.\n * @default true\n /\n disableAudio?: boolean;\n /\n If true, locks the device orientation while the camera is active.\n * @platform android\n * @default false\n /\n lockAndroidOrientation?: boolean;\n /\n If true, allows the camera preview's opacity to be changed.\n * @platform android, web\n * @default false\n /\n enableOpacity?: boolean;\n\n /\n If true, disables the visual focus indicator when tapping to focus.\n * @platform android, ios\n * @default false\n /\n disableFocusIndicator?: boolean;\n /\n The `deviceId` of the camera to use. If provided, `position` is ignored.\n * @platform ios\n /\n deviceId?: string;\n /\n The initial zoom level when starting the camera preview.\n * If the requested zoom level is not available, the native plugin will reject.\n * @default 1.0\n * @platform android, ios\n * @since 2.2.0\n /\n initialZoomLevel?: number;\n /\n The vertical positioning of the camera preview.\n * @default \"center\"\n * @platform android, ios, web\n * @since 2.3.0\n /\n positioning?: CameraPositioning;\n /\n If true, enables video capture capabilities when the camera starts.\n * @default false\n * @platform android\n * @since 7.11.0\n /\n enableVideoMode?: boolean;\n /\n If true, forces the camera to start/restart even if it's already running or busy.\n * This will kill the current camera session and start a new one, ignoring all state checks.\n * @default false\n * @platform android, ios, web\n /\n force?: boolean;\n /\n Sets the quality of video for recording.\n * Options: 'low', 'medium', 'high'\n * @note On Android requires 'enableVideoMode' to be true\n * @note Will affect the entire preview stream for iOS\n * @platform ios, android\n * @default \"high\"\n /\n videoQuality?: 'low' \| 'medium' \| 'high';\n}\n\n/\n Defines the options for capturing a picture.\n /\nexport interface CameraPreviewPictureOptions {\n /\n The maximum height of the picture in pixels. The image will be resized to fit within this height while maintaining aspect ratio.\n * If not specified the captured image will match the preview's visible area.\n /\n height?: number;\n /\n The maximum width of the picture in pixels. The image will be resized to fit within this width while maintaining aspect ratio.\n * If not specified the captured image will match the preview's visible area.\n /\n width?: number;\n /\n The quality of the captured image, from 0 to 100.\n * Does not apply to `png` format.\n * @default 85\n /\n quality?: number;\n /\n The format of the captured image.\n * @default \"jpeg\"\n /\n format?: PictureFormat;\n /\n If true, the captured image will be saved to the user's gallery.\n * @default false\n * @since 7.5.0\n /\n saveToGallery?: boolean;\n /\n If true, the plugin will attempt to add GPS location data to the image's EXIF metadata.\n * This may prompt the user for location permissions.\n * @default false\n * @since 7.6.0\n /\n withExifLocation?: boolean;\n /\n If true, the plugin will embed a timestamp in the top-right corner of the image.\n * @default false\n * @since 7.17.0\n /\n embedTimestamp?: boolean;\n /\n If true, the plugin will embed the current location in the top-right corner of the image.\n * Requires `withExifLocation` to be enabled.\n * @default false\n * @since 7.18.0\n /\n embedLocation?: boolean;\n /\n Sets the priority for photo quality vs. capture speed.\n * - \"speed\": Prioritizes faster capture times, may reduce image quality.\n * - \"balanced\": Aims for a balance between quality and speed.\n * - \"quality\": Prioritizes image quality, may reduce capture speed.\n * See https://developer.apple.com/documentation/avfoundation/avcapturephotosettings/photoqualityprioritization for details.\n \n @since 7.21.0\n * @platform ios\n * @default \"speed\"\n /\n photoQualityPrioritization?: 'speed' \| 'balanced' \| 'quality';\n}\n\n/* Represents EXIF data extracted from an image. /\nexport interface ExifData {\n [key: string]: any;\n}\n\nexport type PictureFormat = 'jpeg' \| 'png';\n\n/* Defines a standard picture size with width and height. /\nexport interface PictureSize {\n /* The width of the picture in pixels. /\n width: number;\n /* The height of the picture in pixels. /\n height: number;\n}\n\n/* Represents the supported picture sizes for a camera facing a certain direction. /\nexport interface SupportedPictureSizes {\n /* The camera direction (\"front\" or \"rear\"). /\n facing: string;\n /* A list of supported picture sizes for this camera. /\n supportedPictureSizes: PictureSize[];\n}\n\n/\n Defines the options for capturing a sample frame from the camera preview.\n /\nexport interface CameraSampleOptions {\n /\n The quality of the captured sample, from 0 to 100.\n * @default 85\n /\n quality?: number;\n}\n\n/\n The available flash modes for the camera.\n * 'torch' is a continuous light mode.\n /\nexport type CameraPreviewFlashMode = 'off' \| 'on' \| 'auto' \| 'torch';\n\n/* Reusable exposure mode type for cross-platform support. /\nexport type ExposureMode = 'AUTO' \| 'LOCK' \| 'CONTINUOUS' \| 'CUSTOM';\n\n/\n Defines the options for setting the camera preview's opacity.\n /\nexport interface CameraOpacityOptions {\n /\n The opacity percentage, from 0.0 (fully transparent) to 1.0 (fully opaque).\n * @default 1.0\n /\n opacity?: number;\n}\n\n/\n Represents safe area insets for devices.\n * Android: Values are expressed in logical pixels (dp) to match JS layout units.\n * iOS: Values are expressed in physical pixels and exclude status bar.\n /\nexport interface SafeAreaInsets {\n /* Current device orientation (1 = portrait, 2 = landscape, 0 = unknown). /\n orientation: number;\n /\n Orientation-aware notch/camera cutout inset (excluding status bar).\n * In portrait mode: returns top inset (notch at top).\n * In landscape mode: returns left inset (notch at side).\n * Android: Value in dp, iOS: Value in pixels (status bar excluded).\n /\n top: number;\n}\n\n/\n Canonical device orientation values across platforms.\n /\nexport type DeviceOrientation = 'portrait' \| 'landscape-left' \| 'landscape-right' \| 'portrait-upside-down' \| 'unknown';\n\n/\n The main interface for the CameraPreview plugin.\n /\nexport interface CameraPreviewPlugin {\n /\n Starts the camera preview.\n \n @param {CameraPreviewOptions} options - The configuration for the camera preview.\n * @returns {Promise<{ width: number; height: number; x: number; y: number }>} A promise that resolves with the preview dimensions.\n * @since 0.0.1\n /\n start(options: CameraPreviewOptions): Promise<{\n /* The width of the preview in pixels. /\n width: number;\n /* The height of the preview in pixels. /\n height: number;\n /* The horizontal origin of the preview, in pixels. /\n x: number;\n /* The vertical origin of the preview, in pixels. /\n y: number;\n }>;\n\n /\n Stops the camera preview.\n \n @param {object} options - Optional configuration for stopping the camera.\n * @param {boolean} options.force - If true, forces the camera to stop even if busy or capturing. Default: false.\n * @returns {Promise<void>} A promise that resolves when the camera preview is stopped.\n * @since 0.0.1\n /\n stop(options?: { force?: boolean }): Promise<void>;\n\n /\n Captures a picture from the camera.\n \n If `storeToFile` was set to `true` when starting the preview, the returned\n * `value` will be an absolute file path on the device instead of a base64 string. Use getBase64FromFilePath to get the base64 string from the file path.\n \n @param {CameraPreviewPictureOptions} options - The options for capturing the picture.\n * @returns {Promise<{ value: string; exif: ExifData }>} Resolves with:\n * - `value`: base64 string, or file path if `storeToFile` is true\n * - `exif`: extracted EXIF metadata when available\n * @since 0.0.1\n /\n capture(options: CameraPreviewPictureOptions): Promise<{ value: string; exif: ExifData }>;\n\n /\n Captures a single frame from the camera preview stream.\n \n @param {CameraSampleOptions} options - The options for capturing the sample.\n * @returns {Promise<{ value: string }>} A promise that resolves with the sample image as a base64 encoded string.\n * @since 0.0.1\n /\n captureSample(options: CameraSampleOptions): Promise<{ value: string }>;\n\n /\n Gets the flash modes supported by the active camera.\n \n @returns {Promise<{ result: CameraPreviewFlashMode[] }>} A promise that resolves with an array of supported flash modes.\n * @since 0.0.1\n /\n getSupportedFlashModes(): Promise<{\n result: CameraPreviewFlashMode[];\n }>;\n\n /\n Set the aspect ratio of the camera preview.\n \n @param {{ aspectRatio: '4:3' \| '16:9'; x?: number; y?: number }} options - The desired aspect ratio and optional position.\n * - aspectRatio: The desired aspect ratio ('4:3' or '16:9')\n * - x: Optional x coordinate for positioning. If not provided, view will be auto-centered horizontally.\n * - y: Optional y coordinate for positioning. If not provided, view will be auto-centered vertically.\n * @returns {Promise<{ width: number; height: number; x: number; y: number }>} A promise that resolves with the actual preview dimensions and position.\n * @since 7.5.0\n * @platform android, ios\n /\n setAspectRatio(options: { aspectRatio: '4:3' \| '16:9'; x?: number; y?: number }): Promise<{\n width: number;\n height: number;\n x: number;\n y: number;\n }>;\n\n /\n Gets the current aspect ratio of the camera preview.\n \n @returns {Promise<{ aspectRatio: '4:3' \| '16:9' }>} A promise that resolves with the current aspect ratio.\n * @since 7.5.0\n * @platform android, ios\n /\n getAspectRatio(): Promise<{ aspectRatio: '4:3' \| '16:9' }>;\n\n /\n Sets the grid mode of the camera preview overlay.\n \n @param {{ gridMode: GridMode }} options - The desired grid mode ('none', '3x3', or '4x4').\n * @returns {Promise<void>} A promise that resolves when the grid mode is set.\n * @since 8.0.0\n /\n setGridMode(options: { gridMode: GridMode }): Promise<void>;\n\n /\n Gets the current grid mode of the camera preview overlay.\n \n @returns {Promise<{ gridMode: GridMode }>} A promise that resolves with the current grid mode.\n * @since 8.0.0\n /\n getGridMode(): Promise<{ gridMode: GridMode }>;\n\n /\n Checks the current camera (and optionally microphone) permission status without prompting the system dialog.\n \n @param options Set `disableAudio` to `false` to also include microphone status (defaults to `true`).\n * @returns {Promise<CameraPermissionStatus>} A promise resolving to the current authorization states.\n * @since 8.7.0\n /\n checkPermissions(options?: Pick<PermissionRequestOptions, 'disableAudio'>): Promise<CameraPermissionStatus>;\n\n /\n Requests camera (and optional microphone) permissions. If permissions are already granted or denied,\n * the current status is returned without prompting. When `showSettingsAlert` is true and permissions are denied,\n * a platform specific alert guiding the user to the app settings will be presented.\n \n @param {PermissionRequestOptions} options - Configuration for the permission request behaviour.\n * @returns {Promise<CameraPermissionStatus>} A promise resolving to the final authorization states.\n * @since 8.7.0\n /\n requestPermissions(options?: PermissionRequestOptions): Promise<CameraPermissionStatus>;\n\n /\n Gets the horizontal field of view (FoV) for the active camera.\n * Note: This can be an estimate on some devices.\n \n @returns {Promise<{ result: number }>} A promise that resolves with the horizontal field of view in degrees.\n * @since 0.0.1\n /\n getHorizontalFov(): Promise<{\n result: number;\n }>;\n\n /\n Gets the supported picture sizes for all cameras.\n \n @returns {Promise<{ supportedPictureSizes: SupportedPictureSizes[] }>} A promise that resolves with the list of supported sizes.\n * @since 7.4.0\n /\n getSupportedPictureSizes(): Promise<{\n supportedPictureSizes: SupportedPictureSizes[];\n }>;\n\n /\n Sets the flash mode for the active camera.\n \n @param {{ flashMode: CameraPreviewFlashMode \| string }} options - The desired flash mode.\n * @returns {Promise<void>} A promise that resolves when the flash mode is set.\n * @since 0.0.1\n /\n setFlashMode(options: { flashMode: CameraPreviewFlashMode \| string }): Promise<void>;\n\n /\n Toggles between the front and rear cameras.\n \n @returns {Promise<void>} A promise that resolves when the camera is flipped.\n * @since 0.0.1\n /\n flip(): Promise<void>;\n\n /\n Sets the opacity of the camera preview.\n \n @param {CameraOpacityOptions} options - The opacity options.\n * @returns {Promise<void>} A promise that resolves when the opacity is set.\n * @since 0.0.1\n /\n setOpacity(options: CameraOpacityOptions): Promise<void>;\n\n /\n Stops an ongoing video recording.\n \n @returns {Promise<{ videoFilePath: string }>} A promise that resolves with the path to the recorded video file.\n * @since 0.0.1\n /\n stopRecordVideo(): Promise<{ videoFilePath: string }>;\n\n /\n Starts recording a video.\n \n @param {CameraPreviewOptions} options - The options for video recording. Only iOS.\n * @returns {Promise<void>} A promise that resolves when video recording starts.\n * @since 0.0.1\n /\n startRecordVideo(options: CameraPreviewOptions): Promise<void>;\n\n /\n Checks if the camera preview is currently running.\n \n @returns {Promise<{ isRunning: boolean }>} A promise that resolves with the running state.\n * @since 7.5.0\n * @platform android, ios\n /\n isRunning(): Promise<{ isRunning: boolean }>;\n\n /\n Gets all available camera devices.\n \n @returns {Promise<{ devices: CameraDevice[] }>} A promise that resolves with the list of available camera devices.\n * @since 7.5.0\n * @platform android, ios\n /\n getAvailableDevices(): Promise<{ devices: CameraDevice[] }>;\n\n /\n Gets the current zoom state, including min/max and current lens info.\n \n @returns {Promise<{ min: number; max: number; current: number; lens: LensInfo }>} A promise that resolves with the zoom state.\n * @since 7.5.0\n * @platform android, ios\n /\n getZoom(): Promise<{\n min: number;\n max: number;\n current: number;\n lens: LensInfo;\n }>;\n\n /\n Returns zoom button values for quick switching.\n * - iOS/Android: includes 0.5 if ultra-wide available; 1 and 2 if wide available; 3 if telephoto available\n * - Web: unsupported\n * @since 7.5.0\n * @platform android, ios\n /\n getZoomButtonValues(): Promise<{ values: number[] }>;\n\n /\n Sets the zoom level of the camera.\n \n @param {{ level: number; ramp?: boolean; autoFocus?: boolean }} options - The desired zoom level. `ramp` is currently unused. `autoFocus` defaults to true.\n * @returns {Promise<void>} A promise that resolves when the zoom level is set.\n * @since 7.5.0\n * @platform android, ios\n /\n setZoom(options: { level: number; ramp?: boolean; autoFocus?: boolean }): Promise<void>;\n\n /\n Gets the current flash mode.\n \n @returns {Promise<{ flashMode: FlashMode }>} A promise that resolves with the current flash mode.\n * @since 7.5.0\n * @platform android, ios\n /\n getFlashMode(): Promise<{ flashMode: FlashMode }>;\n\n /\n Removes all registered listeners.\n \n @since 7.5.0\n * @platform android, ios\n /\n removeAllListeners(): Promise<void>;\n\n /\n Switches the active camera to the one with the specified `deviceId`.\n \n @param {{ deviceId: string }} options - The ID of the device to switch to.\n * @returns {Promise<void>} A promise that resolves when the camera is switched.\n * @since 7.5.0\n * @platform android, ios\n /\n setDeviceId(options: { deviceId: string }): Promise<void>;\n\n /\n Gets the ID of the currently active camera device.\n \n @returns {Promise<{ deviceId: string }>} A promise that resolves with the current device ID.\n * @since 7.5.0\n * @platform android, ios\n /\n getDeviceId(): Promise<{ deviceId: string }>;\n\n /\n Gets the current preview size and position.\n * @returns {Promise<{x: number, y: number, width: number, height: number}>}\n * @since 7.5.0\n * @platform android, ios\n /\n getPreviewSize(): Promise<{\n x: number;\n y: number;\n width: number;\n height: number;\n }>;\n /\n Sets the preview size and position.\n * @param options The new position and dimensions.\n * @returns {Promise<{ width: number; height: number; x: number; y: number }>} A promise that resolves with the actual preview dimensions and position.\n * @since 7.5.0\n * @platform android, ios\n /\n setPreviewSize(options: { x?: number; y?: number; width: number; height: number }): Promise<{\n width: number;\n height: number;\n x: number;\n y: number;\n }>;\n\n /\n Sets the camera focus to a specific point in the preview.\n \n Note: The plugin does not attach any native tap-to-focus gesture handlers. Handle taps in\n * your HTML/JS (e.g., on the overlaying UI), then pass normalized coordinates here.\n \n @param {Object} options - The focus options.\n * @param {number} options.x - The x coordinate in the preview view to focus on (0-1 normalized).\n * @param {number} options.y - The y coordinate in the preview view to focus on (0-1 normalized).\n * @returns {Promise<void>} A promise that resolves when the focus is set.\n * @since 7.5.0\n * @platform android, ios\n /\n setFocus(options: { x: number; y: number }): Promise<void>;\n\n /\n Adds a listener for screen resize events.\n * @param {string} eventName - The event name to listen for.\n * @param {Function} listenerFunc - The function to call when the event is triggered.\n * @returns {Promise<PluginListenerHandle>} A promise that resolves with a handle to the listener.\n * @since 7.5.0\n * @platform android, ios\n /\n addListener(\n eventName: 'screenResize',\n listenerFunc: (data: { width: number; height: number; x: number; y: number }) => void,\n ): Promise<PluginListenerHandle>;\n\n /\n Adds a listener for orientation change events.\n * @param {string} eventName - The event name to listen for.\n * @param {Function} listenerFunc - The function to call when the event is triggered.\n * @returns {Promise<PluginListenerHandle>} A promise that resolves with a handle to the listener.\n * @since 7.5.0\n * @platform android, ios\n /\n addListener(\n eventName: 'orientationChange',\n listenerFunc: (data: { orientation: DeviceOrientation }) => void,\n ): Promise<PluginListenerHandle>;\n /\n Deletes a file at the given absolute path on the device.\n * Use this to quickly clean up temporary images created with `storeToFile`.\n * On web, this is not supported and will throw.\n * @since 7.5.0\n * @platform android, ios\n /\n deleteFile(options: { path: string }): Promise<{ success: boolean }>;\n\n /\n Gets the safe area insets for devices.\n * Returns the orientation-aware notch/camera cutout inset and the current orientation.\n * In portrait mode: returns top inset (notch at top).\n * In landscape mode: returns left inset (notch moved to side).\n * This specifically targets the cutout area (notch, punch hole, etc.) that all modern phones have.\n \n Android: Values returned in dp (logical pixels).\n * iOS: Values returned in physical pixels, excluding status bar (only pure notch/cutout size).\n \n @platform android, ios\n /\n getSafeAreaInsets(): Promise<SafeAreaInsets>;\n\n /\n Gets the current device orientation in a cross-platform format.\n * @since 7.5.0\n * @platform android, ios\n /\n getOrientation(): Promise<{ orientation: DeviceOrientation }>;\n\n /\n Returns the exposure modes supported by the active camera.\n * Modes can include: 'locked', 'auto', 'continuous', 'custom'.\n * @platform android, ios\n /\n getExposureModes(): Promise<{ modes: ExposureMode[] }>;\n\n /\n Returns the current exposure mode.\n * @platform android, ios\n /\n getExposureMode(): Promise<{ mode: ExposureMode }>;\n\n /\n Sets the exposure mode.\n * @platform android, ios\n /\n setExposureMode(options: { mode: ExposureMode }): Promise<void>;\n\n /\n Returns the exposure compensation (EV bias) supported range.\n * @platform ios, android\n /\n getExposureCompensationRange(): Promise<{\n min: number;\n max: number;\n step: number;\n }>;\n\n /\n Returns the current exposure compensation (EV bias).\n * @platform ios, android\n /\n getExposureCompensation(): Promise<{ value: number }>;\n\n /\n Sets the exposure compensation (EV bias). Value will be clamped to range.\n * @platform ios, android\n /\n setExposureCompensation(options: { value: number }): Promise<void>;\n\n /\n Get the native Capacitor plugin version\n \n @returns {Promise<{ id: string }>} an Promise with version for this device\n * @throws An error if the something went wrong\n */\n getPluginVersion(): Promise<{ version: string }>;\n}\n"]}

package/dist/esm/web.d.ts CHANGED Viewed

@@ -10,6 +10,8 @@ export declare class CameraPreviewWeb extends WebPlugin implements CameraPreview
     private videoElement;
     private isStarted;
     private orientationListenerBound;
+    private mediaRecorder;
+    private recordedChunks;
     constructor();
     checkPermissions(options?: {
         disableAudio?: boolean;

package/dist/esm/web.js CHANGED Viewed

@@ -13,6 +13,8 @@ export class CameraPreviewWeb extends WebPlugin {
         this.videoElement = null;
         this.isStarted = false;
         this.orientationListenerBound = false;
+        this.mediaRecorder = null;
+        this.recordedChunks = [];
     }
     async checkPermissions(options) {
         const result = {
@@ -190,6 +192,9 @@ export class CameraPreviewWeb extends WebPlugin {
         // Reset any default margins that might interfere
         this.videoElement.style.margin = '0';
         this.videoElement.style.padding = '0';
+        // Set object-fit based on aspectMode (default: contain)
+        const aspectMode = options.aspectMode || 'contain';
+        this.videoElement.style.objectFit = aspectMode;
         container.appendChild(this.videoElement);
         if (options.toBack) {
             this.videoElement.style.zIndex = '-1';
@@ -567,11 +572,60 @@ export class CameraPreviewWeb extends WebPlugin {
         return this.capture(_options);
     }
     async stopRecordVideo() {
-        throw new Error('stopRecordVideo not supported under the web platform');
+        if (!this.mediaRecorder) {
+            throw new Error('video recording is not running');
+        }
+        const recorder = this.mediaRecorder;
+        return await new Promise((resolve, reject) => {
+            recorder.onstop = () => {
+                try {
+                    const blob = new Blob(this.recordedChunks, {
+                        type: recorder.mimeType || 'video/webm',
+                    });
+                    this.recordedChunks = [];
+                    this.mediaRecorder = null;
+                    const videoFilePath = URL.createObjectURL(blob);
+                    resolve({ videoFilePath });
+                }
+                catch (error) {
+                    reject(error);
+                }
+            };
+            recorder.onerror = (event) => {
+                this.mediaRecorder = null;
+                this.recordedChunks = [];
+                reject((event === null || event === void 0 ? void 0 : event.error) || new Error('failed to stop video recording'));
+            };
+            recorder.stop();
+        });
     }
     async startRecordVideo(_options) {
-        console.log('startRecordVideo', _options);
-        throw new Error('startRecordVideo not supported under the web platform');
+        const video = document.getElementById(DEFAULT_VIDEO_ID);
+        if (!(video === null || video === void 0 ? void 0 : video.srcObject)) {
+            throw new Error('camera is not running');
+        }
+        if (this.mediaRecorder && this.mediaRecorder.state === 'recording') {
+            throw new Error('video recording is already running');
+        }
+        if (typeof MediaRecorder === 'undefined') {
+            throw new Error('MediaRecorder API is not available in this browser');
+        }
+        const stream = video.srcObject;
+        const supportsWebmVp9 = MediaRecorder.isTypeSupported('video/webm;codecs=vp9');
+        const supportsWebmVp8 = MediaRecorder.isTypeSupported('video/webm;codecs=vp8');
+        const mimeType = supportsWebmVp9
+            ? 'video/webm;codecs=vp9'
+            : supportsWebmVp8
+                ? 'video/webm;codecs=vp8'
+                : 'video/webm';
+        this.recordedChunks = [];
+        this.mediaRecorder = new MediaRecorder(stream, { mimeType });
+        this.mediaRecorder.ondataavailable = (event) => {
+            if (event.data && event.data.size > 0) {
+                this.recordedChunks.push(event.data);
+            }
+        };
+        this.mediaRecorder.start();
     }
     async getSupportedFlashModes() {
         throw new Error('getSupportedFlashModes not supported under the web platform');