cap-camera-preview
TypeScript icon, indicating that this package has built-in type declarations

0.0.9 • Public • Published

Capacitor Camera Preview

NPM Downloads Build Status

Capacitor plugin that allows camera interaction from Javascript and HTML (based on cordova-plugin-camera-preview)

Releases are being kept up to date when appropriate. However, this plugin is under constant development. As such it is recommended to use master to always have the latest fixes & features.

PR's are greatly appreciated. Maintainer(s) wanted.

Installation

yarn add capacitor-camera-preview

or

npm install capacitor-camera-preview

Methods

start(options)

Starts the camera preview instance.

Option values descriptions
position front | rear Show front or rear camera when start the preview
import { Plugins } from "@capacitor/core"

const { CameraPreview } = Plugins

CameraPreview.start({position: "rear"});

Remember to add the style below on your app's HTML or body element:

html, body, .ion-app, .ion-content {
  background-color: transparent;
}

stop()

Stops the camera preview instance.

CameraPreview.stop();

flip()

Switch between rear and front camera only for android and ios, web is not supported

CameraPreview.flip()

capture()

const result = await CameraPreview.capture();
const base64PictureData = result.value;

// do sometime with base64PictureData

Demo

pending

Readme

Keywords

Package Sidebar

Install

npm i cap-camera-preview

Weekly Downloads

0

Version

0.0.9

License

MIT

Unpacked Size

486 kB

Total Files

113

Last publish

Collaborators

  • kongupradeep