nativeScript-fancy-camera
精美的 NativeScript 摄像头
npm i --save nativescript-fancy-camera

NativeScript Fancy Camera

安装

tns plugin add nativescript-fancy-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

允许拍照(点击)或录制视频(使用长按)

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);
}
});

摄像头视图

<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

方法 默认值 类型 描述
start void 开始摄像头预览
stop void 停止摄像头预览
startRecording void 开始录制摄像头预览
stopRecording void 停止录制摄像头预览
toggleCamera void 在前后摄像头之间切换
duration int 获取当前录制视频时长
cameraPosition BACK void 获取或设置摄像头位置
quality MAX_480P void 获取或设置视频质量
toggleFlash off void 切换设备闪光灯模式
takePhoto void 捕获照片

许可证

Apache 许可协议第 2 版,2004 年 1 月

屏幕截图

Android IOS
即将推出 Recording