NativeScript Advanced Camera

一个高度可定制的 NativeScript 相机插件，可以轻松嵌入到视图中。

注意:

• 此插件仍在开发中，所以现在暂时忘记“高度可定制”。😉
• 对于功能请求和错误，请随意打开一个新的问题。

目录

• 先决条件
• 安装
• 使用
• 功能
• 属性
  • 常用属性
  • 特定于 iOS 的属性
• 方法
  • 常用方法
  • 特定于 iOS 的属性

先决条件

• NativeScript 7+

安装

$ tns plugin add nativescript-advanced-camera

使用

Angular 11+

HTML 模板： home.component.html

<AdvancedCamera height="300dp" width="300dp" backgroundColor="black" (loaded)="onLoaded($event)"></AdvancedCamera>

组件： home.component.ts

import {EventData, isIOS} from "@nativescript/core";
import {AdvancedCamera} from "nativescript-advanced-camera";

registerElement('AdvancedCamera', () => AdvancedCamera);

@Component({
    selector: "Home",
    templateUrl: "./home.component.html"
})
export class HomeComponent {
    private cam: AdvancedCamera;

    public onLoaded(event: EventData) {
        console.log('Cam Loaded');
        this.cam = <AdvancedCamera> event.object;
    }
    
    public record(): void {
        console.log('Start Recording');
        this.cam.record();
    }

    public stop(): void {
        console.log('Stop Recording');
        this.cam.stop().then((file) => {
            const path = isIOS ? file.path : file.getPath();
            console.log(path);
        });
    }
}

功能

注意：要添加到此列表的功能，请随意打开一个新的问题。

属性

常用属性

特定于 iOS 的属性

方法

常用方法

特定于 iOS 的方法