capacitor-community-multilens-camerapreview 0.0.1

package/dist/docs.json

@@ -0,0 +1,390 @@
+{
+  "api": {
+    "name": "CameraPreviewPlugin",
+    "slug": "camerapreviewplugin",
+    "docs": "",
+    "tags": [],
+    "methods": [
+      {
+        "name": "start",
+        "signature": "(options: CameraPreviewOptions) => Promise<{}>",
+        "parameters": [
+          {
+            "name": "options",
+            "docs": "",
+            "type": "CameraPreviewOptions"
+          }
+        ],
+        "returns": "Promise<{}>",
+        "tags": [],
+        "docs": "",
+        "complexTypes": [
+          "CameraPreviewOptions"
+        ],
+        "slug": "start"
+      },
+      {
+        "name": "stop",
+        "signature": "() => Promise<{}>",
+        "parameters": [],
+        "returns": "Promise<{}>",
+        "tags": [],
+        "docs": "",
+        "complexTypes": [],
+        "slug": "stop"
+      },
+      {
+        "name": "capture",
+        "signature": "(options: CameraPreviewPictureOptions) => Promise<{ value: string; }>",
+        "parameters": [
+          {
+            "name": "options",
+            "docs": "",
+            "type": "CameraPreviewPictureOptions"
+          }
+        ],
+        "returns": "Promise<{ value: string; }>",
+        "tags": [],
+        "docs": "",
+        "complexTypes": [
+          "CameraPreviewPictureOptions"
+        ],
+        "slug": "capture"
+      },
+      {
+        "name": "captureSample",
+        "signature": "(options: CameraSampleOptions) => Promise<{ value: string; }>",
+        "parameters": [
+          {
+            "name": "options",
+            "docs": "",
+            "type": "CameraSampleOptions"
+          }
+        ],
+        "returns": "Promise<{ value: string; }>",
+        "tags": [],
+        "docs": "",
+        "complexTypes": [
+          "CameraSampleOptions"
+        ],
+        "slug": "capturesample"
+      },
+      {
+        "name": "getSupportedFlashModes",
+        "signature": "() => Promise<{ result: CameraPreviewFlashMode[]; }>",
+        "parameters": [],
+        "returns": "Promise<{ result: CameraPreviewFlashMode[]; }>",
+        "tags": [],
+        "docs": "",
+        "complexTypes": [
+          "CameraPreviewFlashMode"
+        ],
+        "slug": "getsupportedflashmodes"
+      },
+      {
+        "name": "setFlashMode",
+        "signature": "(options: { flashMode: CameraPreviewFlashMode | string; }) => Promise<void>",
+        "parameters": [
+          {
+            "name": "options",
+            "docs": "",
+            "type": "{ flashMode: string; }"
+          }
+        ],
+        "returns": "Promise<void>",
+        "tags": [],
+        "docs": "",
+        "complexTypes": [
+          "CameraPreviewFlashMode"
+        ],
+        "slug": "setflashmode"
+      },
+      {
+        "name": "flip",
+        "signature": "() => Promise<void>",
+        "parameters": [],
+        "returns": "Promise<void>",
+        "tags": [],
+        "docs": "",
+        "complexTypes": [],
+        "slug": "flip"
+      },
+      {
+        "name": "setOpacity",
+        "signature": "(options: CameraOpacityOptions) => Promise<{}>",
+        "parameters": [
+          {
+            "name": "options",
+            "docs": "",
+            "type": "CameraOpacityOptions"
+          }
+        ],
+        "returns": "Promise<{}>",
+        "tags": [],
+        "docs": "",
+        "complexTypes": [
+          "CameraOpacityOptions"
+        ],
+        "slug": "setopacity"
+      },
+      {
+        "name": "getSupportedZoomLevels",
+        "signature": "() => Promise<{ result: any[]; }>",
+        "parameters": [],
+        "returns": "Promise<{ result: any[]; }>",
+        "tags": [],
+        "docs": "",
+        "complexTypes": [],
+        "slug": "getsupportedzoomlevels"
+      }
+    ],
+    "properties": []
+  },
+  "interfaces": [
+    {
+      "name": "CameraPreviewOptions",
+      "slug": "camerapreviewoptions",
+      "docs": "",
+      "tags": [],
+      "methods": [],
+      "properties": [
+        {
+          "name": "parent",
+          "tags": [],
+          "docs": "Parent element to attach the video preview element to (applicable to the web platform only)",
+          "complexTypes": [],
+          "type": "string | undefined"
+        },
+        {
+          "name": "className",
+          "tags": [],
+          "docs": "Class name to add to the video preview element (applicable to the web platform only)",
+          "complexTypes": [],
+          "type": "string | undefined"
+        },
+        {
+          "name": "width",
+          "tags": [],
+          "docs": "The preview width in pixels, default window.screen.width",
+          "complexTypes": [],
+          "type": "number | undefined"
+        },
+        {
+          "name": "height",
+          "tags": [],
+          "docs": "The preview height in pixels, default window.screen.height",
+          "complexTypes": [],
+          "type": "number | undefined"
+        },
+        {
+          "name": "x",
+          "tags": [],
+          "docs": "The x origin, default 0 (applicable to the android and ios platforms only)",
+          "complexTypes": [],
+          "type": "number | undefined"
+        },
+        {
+          "name": "y",
+          "tags": [],
+          "docs": "The y origin, default 0 (applicable to the android and ios platforms only)",
+          "complexTypes": [],
+          "type": "number | undefined"
+        },
+        {
+          "name": "toBack",
+          "tags": [],
+          "docs": "Brings your html in front of your preview, default false (applicable to the android only)",
+          "complexTypes": [],
+          "type": "boolean | undefined"
+        },
+        {
+          "name": "paddingBottom",
+          "tags": [],
+          "docs": "The preview bottom padding in pixes. Useful to keep the appropriate preview sizes when orientation changes (applicable to the android and ios platforms only)",
+          "complexTypes": [],
+          "type": "number | undefined"
+        },
+        {
+          "name": "rotateWhenOrientationChanged",
+          "tags": [],
+          "docs": "Rotate preview when orientation changes (applicable to the ios platforms only; default value is true)",
+          "complexTypes": [],
+          "type": "boolean | undefined"
+        },
+        {
+          "name": "position",
+          "tags": [],
+          "docs": "Choose the camera to use 'front' or 'rear', default 'front'",
+          "complexTypes": [
+            "CameraPosition"
+          ],
+          "type": "string | undefined"
+        },
+        {
+          "name": "storeToFile",
+          "tags": [],
+          "docs": "Defaults to false - Capture images to a file and return the file path instead of returning base64 encoded data",
+          "complexTypes": [],
+          "type": "boolean | undefined"
+        },
+        {
+          "name": "disableExifHeaderStripping",
+          "tags": [],
+          "docs": "Defaults to false - Android Only - Disable automatic rotation of the image, and let the browser deal with it (keep reading on how to achieve it)",
+          "complexTypes": [],
+          "type": "boolean | undefined"
+        },
+        {
+          "name": "enableHighResolution",
+          "tags": [],
+          "docs": "Defaults to false - iOS only - Activate high resolution image capture so that output images are from the highest resolution possible on the device *",
+          "complexTypes": [],
+          "type": "boolean | undefined"
+        },
+        {
+          "name": "disableAudio",
+          "tags": [],
+          "docs": "Defaults to false - Web only - Disables audio stream to prevent permission requests and output switching",
+          "complexTypes": [],
+          "type": "boolean | undefined"
+        },
+        {
+          "name": "lockAndroidOrientation",
+          "tags": [],
+          "docs": "Android Only - Locks device orientation when camera is showing.",
+          "complexTypes": [],
+          "type": "boolean | undefined"
+        },
+        {
+          "name": "enableOpacity",
+          "tags": [],
+          "docs": "Defaults to false - Android and Web only.  Set if camera preview can change opacity.",
+          "complexTypes": [],
+          "type": "boolean | undefined"
+        },
+        {
+          "name": "enableZoom",
+          "tags": [],
+          "docs": "Defaults to false - Android only.  Set if camera preview will support pinch to zoom.",
+          "complexTypes": [],
+          "type": "boolean | undefined"
+        },
+        {
+          "name": "zoomFactor",
+          "tags": [],
+          "docs": "override defualt lens choice ios String 'ultra','wide','tele' android int example 100, 200 etc",
+          "complexTypes": [],
+          "type": "any"
+        }
+      ]
+    },
+    {
+      "name": "CameraPreviewPictureOptions",
+      "slug": "camerapreviewpictureoptions",
+      "docs": "",
+      "tags": [],
+      "methods": [],
+      "properties": [
+        {
+          "name": "height",
+          "tags": [],
+          "docs": "The picture height, optional, default 0 (Device default)",
+          "complexTypes": [],
+          "type": "number | undefined"
+        },
+        {
+          "name": "width",
+          "tags": [],
+          "docs": "The picture width, optional, default 0 (Device default)",
+          "complexTypes": [],
+          "type": "number | undefined"
+        },
+        {
+          "name": "quality",
+          "tags": [],
+          "docs": "The picture quality, 0 - 100, default 85 on `iOS/Android`.\n\nIf left undefined, the `web` implementation will export a PNG, otherwise a JPEG will be generated",
+          "complexTypes": [],
+          "type": "number | undefined"
+        }
+      ]
+    },
+    {
+      "name": "CameraSampleOptions",
+      "slug": "camerasampleoptions",
+      "docs": "",
+      "tags": [],
+      "methods": [],
+      "properties": [
+        {
+          "name": "quality",
+          "tags": [],
+          "docs": "The picture quality, 0 - 100, default 85",
+          "complexTypes": [],
+          "type": "number | undefined"
+        }
+      ]
+    },
+    {
+      "name": "CameraOpacityOptions",
+      "slug": "cameraopacityoptions",
+      "docs": "",
+      "tags": [],
+      "methods": [],
+      "properties": [
+        {
+          "name": "opacity",
+          "tags": [],
+          "docs": "The percent opacity to set for camera view, default 1",
+          "complexTypes": [],
+          "type": "number | undefined"
+        }
+      ]
+    }
+  ],
+  "enums": [],
+  "typeAliases": [
+    {
+      "name": "CameraPosition",
+      "slug": "cameraposition",
+      "docs": "",
+      "types": [
+        {
+          "text": "'rear'",
+          "complexTypes": []
+        },
+        {
+          "text": "'front'",
+          "complexTypes": []
+        }
+      ]
+    },
+    {
+      "name": "CameraPreviewFlashMode",
+      "slug": "camerapreviewflashmode",
+      "docs": "",
+      "types": [
+        {
+          "text": "'off'",
+          "complexTypes": []
+        },
+        {
+          "text": "'on'",
+          "complexTypes": []
+        },
+        {
+          "text": "'auto'",
+          "complexTypes": []
+        },
+        {
+          "text": "'red-eye'",
+          "complexTypes": []
+        },
+        {
+          "text": "'torch'",
+          "complexTypes": []
+        }
+      ]
+    }
+  ],
+  "pluginConfigs": []
+}

package/dist/esm/definitions.d.ts

@@ -0,0 +1,79 @@
+export declare type CameraPosition = 'rear' | 'front';
+export interface CameraPreviewOptions {
+    /** Parent element to attach the video preview element to (applicable to the web platform only) */
+    parent?: string;
+    /** Class name to add to the video preview element (applicable to the web platform only) */
+    className?: string;
+    /** The preview width in pixels, default window.screen.width */
+    width?: number;
+    /** The preview height in pixels, default window.screen.height */
+    height?: number;
+    /** The x origin, default 0 (applicable to the android and ios platforms only) */
+    x?: number;
+    /** The y origin, default 0 (applicable to the android and ios platforms only) */
+    y?: number;
+    /**  Brings your html in front of your preview, default false (applicable to the android only) */
+    toBack?: boolean;
+    /** The preview bottom padding in pixes. Useful to keep the appropriate preview sizes when orientation changes (applicable to the android and ios platforms only) */
+    paddingBottom?: number;
+    /** Rotate preview when orientation changes (applicable to the ios platforms only; default value is true) */
+    rotateWhenOrientationChanged?: boolean;
+    /** Choose the camera to use 'front' or 'rear', default 'front' */
+    position?: CameraPosition | string;
+    /** Defaults to false - Capture images to a file and return the file path instead of returning base64 encoded data */
+    storeToFile?: boolean;
+    /** Defaults to false - Android Only - Disable automatic rotation of the image, and let the browser deal with it (keep reading on how to achieve it) */
+    disableExifHeaderStripping?: boolean;
+    /** Defaults to false - iOS only - Activate high resolution image capture so that output images are from the highest resolution possible on the device **/
+    enableHighResolution?: boolean;
+    /** Defaults to false - Web only - Disables audio stream to prevent permission requests and output switching */
+    disableAudio?: boolean;
+    /**  Android Only - Locks device orientation when camera is showing. */
+    lockAndroidOrientation?: boolean;
+    /** Defaults to false - Android and Web only.  Set if camera preview can change opacity. */
+    enableOpacity?: boolean;
+    /** Defaults to false - Android only.  Set if camera preview will support pinch to zoom. */
+    enableZoom?: boolean;
+    /** override defualt lens choice ios String 'ultra','wide','tele' android int example 100, 200 etc  */
+    zoomFactor?: any;
+}
+export interface CameraPreviewPictureOptions {
+    /** The picture height, optional, default 0 (Device default) */
+    height?: number;
+    /** The picture width, optional, default 0 (Device default) */
+    width?: number;
+    /** The picture quality, 0 - 100, default 85 on `iOS/Android`.
+     *
+     * If left undefined, the `web` implementation will export a PNG, otherwise a JPEG will be generated */
+    quality?: number;
+}
+export interface CameraSampleOptions {
+    /** The picture quality, 0 - 100, default 85 */
+    quality?: number;
+}
+export declare type CameraPreviewFlashMode = 'off' | 'on' | 'auto' | 'red-eye' | 'torch';
+export interface CameraOpacityOptions {
+    /** The percent opacity to set for camera view, default 1 */
+    opacity?: number;
+}
+export interface CameraPreviewPlugin {
+    start(options: CameraPreviewOptions): Promise<{}>;
+    stop(): Promise<{}>;
+    capture(options: CameraPreviewPictureOptions): Promise<{
+        value: string;
+    }>;
+    captureSample(options: CameraSampleOptions): Promise<{
+        value: string;
+    }>;
+    getSupportedFlashModes(): Promise<{
+        result: CameraPreviewFlashMode[];
+    }>;
+    setFlashMode(options: {
+        flashMode: CameraPreviewFlashMode | string;
+    }): Promise<void>;
+    flip(): Promise<void>;
+    setOpacity(options: CameraOpacityOptions): Promise<{}>;
+    getSupportedZoomLevels(): Promise<{
+        result: any[];
+    }>;
+}

package/dist/esm/definitions.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=definitions.js.map

package/dist/esm/definitions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"definitions.js","sourceRoot":"","sources":["../../src/definitions.ts"],"names":[],"mappings":"","sourcesContent":["/* eslint-disable @typescript-eslint/ban-types */\nexport type CameraPosition = 'rear' | 'front';\nexport interface CameraPreviewOptions {\n  /** Parent element to attach the video preview element to (applicable to the web platform only) */\n  parent?: string;\n  /** Class name to add to the video preview element (applicable to the web platform only) */\n  className?: string;\n  /** The preview width in pixels, default window.screen.width */\n  width?: number;\n  /** The preview height in pixels, default window.screen.height */\n  height?: number;\n  /** The x origin, default 0 (applicable to the android and ios platforms only) */\n  x?: number;\n  /** The y origin, default 0 (applicable to the android and ios platforms only) */\n  y?: number;\n  /**  Brings your html in front of your preview, default false (applicable to the android only) */\n  toBack?: boolean;\n  /** The preview bottom padding in pixes. Useful to keep the appropriate preview sizes when orientation changes (applicable to the android and ios platforms only) */\n  paddingBottom?: number;\n  /** Rotate preview when orientation changes (applicable to the ios platforms only; default value is true) */\n  rotateWhenOrientationChanged?: boolean;\n  /** Choose the camera to use 'front' or 'rear', default 'front' */\n  position?: CameraPosition | string;\n  /** Defaults to false - Capture images to a file and return the file path instead of returning base64 encoded data */\n  storeToFile?: boolean;\n  /** Defaults to false - Android Only - Disable automatic rotation of the image, and let the browser deal with it (keep reading on how to achieve it) */\n  disableExifHeaderStripping?: boolean;\n  /** Defaults to false - iOS only - Activate high resolution image capture so that output images are from the highest resolution possible on the device **/\n  enableHighResolution?: boolean;\n  /** Defaults to false - Web only - Disables audio stream to prevent permission requests and output switching */\n  disableAudio?: boolean;\n  /**  Android Only - Locks device orientation when camera is showing. */\n  lockAndroidOrientation?: boolean;\n  /** Defaults to false - Android and Web only.  Set if camera preview can change opacity. */\n  enableOpacity?: boolean;\n  /** Defaults to false - Android only.  Set if camera preview will support pinch to zoom. */\n  enableZoom?: boolean;\n  /** override defualt lens choice ios String 'ultra','wide','tele' android int example 100, 200 etc  */\n  zoomFactor?: any;\n}\nexport interface CameraPreviewPictureOptions {\n  /** The picture height, optional, default 0 (Device default) */\n  height?: number;\n  /** The picture width, optional, default 0 (Device default) */\n  width?: number;\n  /** The picture quality, 0 - 100, default 85 on `iOS/Android`.\n   *\n   * If left undefined, the `web` implementation will export a PNG, otherwise a JPEG will be generated */\n  quality?: number;\n}\n\nexport interface CameraSampleOptions {\n  /** The picture quality, 0 - 100, default 85 */\n  quality?: number;\n}\n\nexport type CameraPreviewFlashMode = 'off' | 'on' | 'auto' | 'red-eye' | 'torch';\n\nexport interface CameraOpacityOptions {\n  /** The percent opacity to set for camera view, default 1 */\n  opacity?: number;\n}\n\nexport interface CameraPreviewPlugin {\n  start(options: CameraPreviewOptions): Promise<{}>;\n  stop(): Promise<{}>;\n  capture(options: CameraPreviewPictureOptions): Promise<{ value: string }>;\n  captureSample(options: CameraSampleOptions): Promise<{ value: string }>;\n  getSupportedFlashModes(): Promise<{\n    result: CameraPreviewFlashMode[];\n  }>;\n  setFlashMode(options: { flashMode: CameraPreviewFlashMode | string }): Promise<void>;\n  flip(): Promise<void>;\n  setOpacity(options: CameraOpacityOptions): Promise<{}>;\n  getSupportedZoomLevels(): Promise<{\n    result: any[];\n  }>;\n}"]}

package/dist/esm/index.d.ts

@@ -0,0 +1,4 @@
+import type { CameraPreviewPlugin } from './definitions';
+declare const CameraPreview: CameraPreviewPlugin;
+export * from './definitions';
+export { CameraPreview };

package/dist/esm/index.js

@@ -0,0 +1,7 @@
+import { registerPlugin } from '@capacitor/core';
+const CameraPreview = registerPlugin('CameraPreview', {
+    web: () => import('./web').then((m) => new m.CameraPreviewWeb()),
+});
+export * from './definitions';
+export { CameraPreview };
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAIjD,MAAM,aAAa,GAAG,cAAc,CAAsB,eAAe,EAAE;IACzE,GAAG,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC,gBAAgB,EAAE,CAAC;CACjE,CAAC,CAAC;AAEH,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,aAAa,EAAE,CAAC","sourcesContent":["import { registerPlugin } from '@capacitor/core';\n\nimport type { CameraPreviewPlugin } from './definitions';\n\nconst CameraPreview = registerPlugin<CameraPreviewPlugin>('CameraPreview', {\n  web: () => import('./web').then((m) => new m.CameraPreviewWeb()),\n});\n\nexport * from './definitions';\nexport { CameraPreview };"]}

package/dist/esm/web.d.ts

@@ -0,0 +1,27 @@
+import { WebPlugin } from '@capacitor/core';
+import type { CameraPreviewOptions, CameraPreviewPictureOptions, CameraPreviewPlugin, CameraPreviewFlashMode, CameraSampleOptions, CameraOpacityOptions } from './definitions';
+export declare class CameraPreviewWeb extends WebPlugin implements CameraPreviewPlugin {
+    /**
+     *  track which camera is used based on start options
+     *  used in capture
+     */
+    private isBackCamera;
+    constructor();
+    start(options: CameraPreviewOptions): Promise<{}>;
+    stop(): Promise<any>;
+    capture(options: CameraPreviewPictureOptions): Promise<any>;
+    captureSample(_options: CameraSampleOptions): Promise<any>;
+    getSupportedFlashModes(): Promise<{
+        result: CameraPreviewFlashMode[];
+    }>;
+    getSupportedZoomLevels(): Promise<{
+        result: any[];
+    }>;
+    setFlashMode(_options: {
+        flashMode: CameraPreviewFlashMode | string;
+    }): Promise<void>;
+    flip(): Promise<void>;
+    setOpacity(_options: CameraOpacityOptions): Promise<any>;
+}
+declare const CameraPreview: CameraPreviewWeb;
+export { CameraPreview };

package/dist/esm/web.js

@@ -0,0 +1,153 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+/* eslint-disable @typescript-eslint/prefer-for-of */
+/* eslint-disable @typescript-eslint/ban-types */
+/* eslint-disable no-async-promise-executor */
+/* eslint-disable @typescript-eslint/consistent-type-assertions */
+/* eslint-disable @typescript-eslint/no-inferrable-types */
+import { WebPlugin, registerWebPlugin } from '@capacitor/core';
+export class CameraPreviewWeb extends WebPlugin {
+    constructor() {
+        super({
+            name: 'CameraPreview',
+            platforms: ['web'],
+        });
+        /**
+         *  track which camera is used based on start options
+         *  used in capture
+         */
+        this.isBackCamera = false;
+    }
+    async start(options) {
+        return new Promise(async (resolve, reject) => {
+            var _a;
+            await navigator.mediaDevices
+                .getUserMedia({
+                audio: !options.disableAudio,
+                video: true
+            })
+                .then((stream) => {
+                // Stop any existing stream so we can request media with different constraints based on user input
+                stream.getTracks().forEach((track) => track.stop());
+            })
+                .catch((error) => {
+                reject(error);
+            });
+            const video = document.getElementById('video');
+            const parent = document.getElementById(options.parent);
+            if (!video) {
+                const videoElement = document.createElement('video');
+                videoElement.id = 'video';
+                videoElement.setAttribute('class', options.className || '');
+                // Don't flip video feed if camera is rear facing
+                if (options.position !== 'rear') {
+                    videoElement.setAttribute('style', '-webkit-transform: scaleX(-1); transform: scaleX(-1);');
+                }
+                const userAgent = navigator.userAgent.toLowerCase();
+                const isSafari = userAgent.includes('safari') && !userAgent.includes('chrome');
+                // Safari on iOS needs to have the autoplay, muted and playsinline attributes set for video.play() to be successful
+                // Without these attributes videoElement.play() will throw a NotAllowedError
+                // https://developer.apple.com/documentation/webkit/delivering_video_content_for_safari
+                if (isSafari) {
+                    videoElement.setAttribute('autoplay', 'true');
+                    videoElement.setAttribute('muted', 'true');
+                    videoElement.setAttribute('playsinline', 'true');
+                }
+                if (parent) {
+                    parent.appendChild(videoElement);
+                }
+                if ((_a = navigator.mediaDevices) === null || _a === void 0 ? void 0 : _a.getUserMedia) {
+                    const constraints = {
+                        video: {
+                            width: { ideal: options.width },
+                            height: { ideal: options.height }
+                        }
+                    };
+                    if (options.position === 'rear') {
+                        constraints.video.facingMode = 'environment';
+                        this.isBackCamera = true;
+                    }
+                    else {
+                        this.isBackCamera = false;
+                    }
+                    navigator.mediaDevices.getUserMedia(constraints).then(function (stream) {
+                        //video.src = window.URL.createObjectURL(stream);
+                        videoElement.srcObject = stream;
+                        videoElement.play();
+                        resolve({});
+                    }, (err) => {
+                        reject(err);
+                    });
+                }
+            }
+            else {
+                reject({ message: 'camera already started' });
+            }
+        });
+    }
+    async stop() {
+        const video = document.getElementById('video');
+        if (video) {
+            video.pause();
+            const st = video.srcObject;
+            const tracks = st.getTracks();
+            for (let i = 0; i < tracks.length; i++) {
+                const track = tracks[i];
+                track.stop();
+            }
+            video.remove();
+        }
+    }
+    async capture(options) {
+        return new Promise((resolve, _) => {
+            const video = document.getElementById('video');
+            const canvas = document.createElement('canvas');
+            // video.width = video.offsetWidth;
+            const context = canvas.getContext('2d');
+            canvas.width = video.videoWidth;
+            canvas.height = video.videoHeight;
+            // flip horizontally back camera isn't used
+            if (context) {
+                if (!this.isBackCamera) {
+                    context.translate(video.videoWidth, 0);
+                    context.scale(-1, 1);
+                }
+                context.drawImage(video, 0, 0, video.videoWidth, video.videoHeight);
+            }
+            let base64EncodedImage;
+            if (options.quality != undefined) {
+                base64EncodedImage = canvas.toDataURL('image/jpeg', options.quality / 100.0).replace('data:image/jpeg;base64,', '');
+            }
+            else {
+                base64EncodedImage = canvas.toDataURL('image/png').replace('data:image/png;base64,', '');
+            }
+            resolve({
+                value: base64EncodedImage,
+            });
+        });
+    }
+    async captureSample(_options) {
+        return this.capture(_options);
+    }
+    async getSupportedFlashModes() {
+        throw new Error('getSupportedFlashModes not supported under the web platform');
+    }
+    getSupportedZoomLevels() {
+        throw new Error('getSupportedFlashModes not supported under the web platform.');
+    }
+    async setFlashMode(_options) {
+        throw new Error('setFlashMode not supported under the web platform');
+    }
+    async flip() {
+        throw new Error('flip not supported under the web platform');
+    }
+    async setOpacity(_options) {
+        const video = document.getElementById('video');
+        if (!!video && !!_options['opacity']) {
+            video.style.setProperty('opacity', _options['opacity'].toString());
+        }
+    }
+}
+const CameraPreview = new CameraPreviewWeb();
+export { CameraPreview };
+registerWebPlugin(CameraPreview);
+//# sourceMappingURL=web.js.map