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 |