NativeScript Fancy Camera

Installation

tns plugin add nativescript-fancy-camera

Usage

Basic Camera

takePhoto

import { FancyCamera } from 'nativescript-fancy-camera';
const fc = new FancyCamera();
fc.takePhoto().then(data => {
        if (data && data.file) {
            vm.set('src', data.file);
        }
    });

recordVideo

import { FancyCamera } from 'nativescript-fancy-camera';
const fc = new FancyCamera();

fc.record().then(data => {
        if (data && data.file) {
            vm.set('src', data.file);
        }
    });

showCamera

Allows taking photos (tap) or recording videos (using longPress)

import { FancyCamera } from 'nativescript-fancy-camera';
const fc = new FancyCamera();

fc.show().then(data => {
        if (data && data.file && data.type) {
            if (data.type === 'video') {
            }

            if (data.type === 'photo') {
            }

            vm.set('src', data.file);
        }
    });

Camera View

<Page xmlns="http://schemas.nativescript.org/tns.xsd"
 xmlns:ui="nativescript-fancy-camera/view">
<ui:CameraView quality="highest" cameraPosition="front" id="camera"/>

const cameraView = page.getViewById("camera");
cameraView.startRecording();

API

| Method | Default | Type | Description | | ----------------------- | -------- | ------- | ----------------------------------------------------- | | start | | void | Starts the camera preview | | stop | | void | Stop the camera preview | | startRecording | | void | Start recording camera preview. | | stopRecording | | void | Stop recording camera preview. | | toggleCamera | | void | Toggles between front or the back camera. | | duration | | int | Get the current recording video duration. | | cameraPosition | BACK | void | Gets or Sets camera position | | quality | MAX_480P | void | Gets or sets Video Quality | | toggleFlash | off | void | Toggle the device flash mode | | takePhoto | | void | Capture photo |

License

Apache License Version 2.0, January 2004

ScreenShots

Android | IOS --------|--------- Coming Soon |