NativeScript Yoonit Camera

A NativeScript 插件，用于提供

• 现代 Android Camera API Camera X
• 相机预览（前 & 后）
• PyTorch 集成（Android）
• 计算机视觉管道
• 人脸检测、捕获和图像裁剪
• 理解人脸
• 帧捕获
• 捕获定时图像
• 二维码扫描

更多关于...

插件的核心是本地层。本地层的每个更改都会反映在这里。这个插件，Yoonit Camera，我们可以说是许多 Yoonit 本地库的集合

• Android Yoonit Camera：Android 核心摄像头库；
• iOS Yoonit Camera：iOS 核心摄像头库；
• Android Yoonit Facefy：Android 人脸检测和分析；
• iOS Yoonit Facefy：iOS 人脸检测和分析；

所有这些本地库都可以独立使用。

目录

• 安装
• 使用
  • VueJS 插件
  • Vue 组件
• API
  • 属性
  • 方法
  • 事件
  • 人脸分析
  • 头部运动
  • 图像质量
  • 消息
• 贡献

安装

npm i -s @yoonit/nativescript-camera  

使用

所有 @yoonit/nativescript-camera 提供的功能都是通过 YoonitCamera 组件访问的，该组件包括相机预览。下面是我们提供的基本使用代码，更多详细信息，请参阅 方法，事件 或 Demo Vue。

VueJS 插件

main.js

import Vue from 'nativescript-vue'  
import YoonitCamera from '@yoonit/nativescript-camera/vue'  
  
Vue.use(YoonitCamera)  

之后，您可以使用 this.$yoo.camera 在整个项目中访问相机对象

Vue 组件

App.vue

<template>
  <Page @loaded="onLoaded">
    <YoonitCamera
      ref="yooCamera"
      lens="front"
      captureType="face"
      imageCapture=true
      imageCaptureAmount=10
      imageCaptureInterval=500
      detectionBox=true
      @faceDetected="doFaceDetected"
      @imageCaptured="doImageCaptured"
      @endCapture="doEndCapture"
      @qrCodeContent="doQRCodeContent"
      @status="doStatus"
      @permissionDenied="doPermissionDenied"
    />
  </Page>
</template>

<script>
  export default {
    data: () => ({}),

    methods: {
      async onLoaded() {

        console.log('[YooCamera] Getting Camera view')
        this.$yoo.camera.registerElement(this.$refs.yooCamera)

        console.log('[YooCamera] Getting permission')
        if (await this.$yoo.camera.requestPermission()) {
          
          console.log('[YooCamera] Permission granted, start preview')
          this.$yoo.camera.preview()
        }
      },

      doFaceDetected({ 
        x, 
        y, 
        width, 
        height,
        leftEyeOpenProbability,
        rightEyeOpenProbability,
        smilingProbability,
        headEulerAngleX,
        headEulerAngleY,
        headEulerAngleZ
      }) {
        console.log(
          '[YooCamera] doFaceDetected',
          `
          x: ${x}
          y: ${y}
          width: ${width}
          height: ${height}
          leftEyeOpenProbability: ${leftEyeOpenProbability}
          rightEyeOpenProbability: ${rightEyeOpenProbability}
          smilingProbability: ${smilingProbability}
          headEulerAngleX: ${headEulerAngleX}
          headEulerAngleY: ${headEulerAngleY}
          headEulerAngleZ: ${headEulerAngleZ}
          `
        )
        if (!x || !y || !width || !height) {
          this.imagePath = null
        }
      },

      doImageCaptured({
        type,
        count,
        total,
        image: {
          path,
          source
        },
        inferences,
        darkness,
        lightness,
        sharpness
      }) {
        if (total === 0) {
          console.log('[YooCamera] doImageCreated', `${type}: [${count}] ${path}`)
          this.imageCreated = `${count}`
        } else {
          console.log('[YooCamera] doImageCreated', `${type}: [${count}] of [${total}] - ${path}`)
          this.imageCreated = `${count} de ${total}`
        }
        console.log('[YooCamera] Mask Pytorch', inferences)
        
        console.log('[YooCamera] Image Quality Darkness:', darkness)
        console.log('[YooCamera] Image Quality Lightness', lightness)
        console.log('[YooCamera] Image Quality Sharpness', sharpness)
        this.imagePath = source
      },

      doEndCapture() {
        console.log('[YooCamera] doEndCapture')
      },

      doQRCodeContent({ content }) {
        console.log('[YooCamera] doQRCodeContent', content)
      },

      doStatus({ status }) {
        console.log('[YooCamera] doStatus', status)
      },

      doPermissionDenied() {
        console.log('[YooCamera] doPermissionDenied')
      }
    }
  }
</script>

API

属性

方法

事件

人脸分析

人脸分析是 onFaceDetected 发出的响应。这里指定所有参数。

头部运动

这里解释上述 gif 和如何达到 "结果"。每个 "运动"（垂直、水平和倾斜）是一个状态，基于指示头部方向的度数角度；

图像质量

图像质量是根据三个属性：暗度、亮度和锐度进行分类的。结果可在imageCapture事件中获取。让我们看看每个参数的规格

消息

预定义的消息常量由status事件使用。

贡献并使其更好

克隆仓库，更改所需内容并发送PR。

对于提交消息，我们使用常规提交。

贡献总是受欢迎的，一些已经做出贡献的人！

由Cyberlabs AI前端团队用❤编写代码