更新记录

1.0.0(2025-08-14)

初版摄像头预览组件


平台兼容性

uni-app(3.1.0)

Vue2 Vue3 Chrome Safari app-vue app-nvue Android iOS 鸿蒙
- - - - - 7.0 12 ×
微信小程序 支付宝小程序 抖音小程序 百度小程序 快手小程序 京东小程序 鸿蒙元服务 QQ小程序 飞书小程序 快应用-华为 快应用-联盟
- - - - - - - - - - -

uni-app x(3.1.0)

Chrome Safari Android iOS 鸿蒙 微信小程序
- - 7.0 12 × -

native-camera

UniApp UTS 原生摄像头组件插件

使用方法

<template>
  <view class="container">
    <native-camera ref="camera" style="flex: 1" />

    <view class="controls">
      <button @click="openCamera">打开前置摄像头</button>
      <button @click="closeCamera">关闭摄像头</button>
    </view>
  </view>
</template>

<script>
export default {
  methods: {
    openCamera() {
      this.$refs.camera.openFrontCamera()
    },
    closeCamera() {
      this.$refs.camera.closeFrontCamera()
    }
  }
}
</script>

主要功能

  • 前置摄像头预览
  • 摄像头控制(打开/关闭)
  • 跨平台支持(Android/iOS)
  • 自动权限处理

组件API

方法名 说明
openFrontCamera() 打开前置摄像头
closeFrontCamera() 关闭摄像头

平台支持

  • Android: 基于 CameraX (最低SDK 24)
  • iOS: 基于 AVFoundation (最低版本 12.0)

权限配置

Android

<uses-permission android:name="android.permission.CAMERA" />

iOS

<key>NSCameraUsageDescription</key>
<string>App需要访问您的摄像头</string>

隐私、权限声明

1. 本插件需要申请的系统权限列表:

camera

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

暂无用户评论。