更新记录

1.1.0(2024-10-13)

修改AndroidManifest.xml下的包名。

1.0.9(2024-10-12)

删除takePhoto下的takeMode参数逻辑

1.0.8(2024-10-10)

兼容处理uniapp无法切换相机和拍照的问题。

查看更多

平台兼容性

Vue2 Vue3
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.7.0,Android:4.4,iOS:11,HarmonyNext:不确定 × × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
× × × × × × × × ×

概述

XF-cameraUTS封装了Android和iOS自定义相机预览的功能。

模块调用

<xf-camera style="height:750rpx; background-color: red;" @ready="ready" @error="onError" @stop="stop" :flash="flash" :position="device">
</xf-camera>

参数说明:

position:

  • 类型:字符串型
  • 描述:(可选项)前置或者后置相机。(front前置 |back 后置)

flash:

  • 类型:字符串型
  • 描述:(可选项)是否开启闪光灯。( auto, on, off, torch)

插件接口

takePhoto

拍照

uni-app项目中(nvue)调用示例:

import { takePhoto } from "@/uni_modules/XF-cameraUTS"

takePhoto({
  success: (res) => {
    console.log(res)
  }
});

uni-app x项目(uvue)中调用示例:

import { takePhoto } from "@/uni_modules/XF-cameraUTS";
import { TakePhotoOption, TakePhotoSuccessCallbackResult } from "@/uni_modules/XF-cameraUTS/utssdk/interface.uts";

let options = {
  success: (res : TakePhotoSuccessCallbackResult) => {
    console.log(res)
  }
} as TakePhotoOption;
takePhoto(options);

可用性

iOS、Android系统

可提供的1.0.0及更高版本

startRecord

开始录像

uni-app项目中(nvue)调用示例:

import { startRecord } from "@/uni_modules/XF-cameraUTS"

startRecord({
  success: (res) => {
    console.log(res)
  }
});

uni-app x项目(uvue)中调用示例:

import { startRecord } from "@/uni_modules/XF-cameraUTS";
import { CameraContextStartRecordOption, GeneralCallbackResult } from "@/uni_modules/XF-cameraUTS/utssdk/interface.uts";

let options = {
  success: (res : GeneralCallbackResult) => {
    console.log(res)
  }
} as CameraContextStartRecordOption;
startRecord(options);

可用性

iOS、Android系统

可提供的1.0.0及更高版本

stopRecord

停止录像

uni-app项目中(nvue)调用示例:

import { stopRecord } from "@/uni_modules/XF-cameraUTS"

stopRecord({
  success: (res) => {
    console.log(res)
  }
});

uni-app x项目(uvue)中调用示例:

import { stopRecord } from "@/uni_modules/XF-cameraUTS";
import { CameraContextStopRecordOption, StopRecordSuccessCallbackResult } from "@/uni_modules/XF-cameraUTS/utssdk/interface.uts";

let options = {
  success: (res : StopRecordSuccessCallbackResult) => {
    console.log(res)
  }
} as CameraContextStopRecordOption;
stopRecord(options);

可用性

iOS、Android系统

可提供的1.0.0及更高版本

switchCamera

切换相机

uni-app项目中(nvue)调用示例:

import { switchCamera } from "@/uni_modules/XF-cameraUTS"

switchCamera({
  position: 'back',
  success: (res) => {
    console.log(res)
  }
});

uni-app x项目(uvue)中调用示例:

import { switchCamera } from "@/uni_modules/XF-cameraUTS";
import { SwitchOption, GeneralCallbackResult } from "@/uni_modules/XF-cameraUTS/utssdk/interface.uts";

let options = {
   position: 'back',
  success: (res : GeneralCallbackResult) => {
    console.log(res)
  }
} as SwitchOption;
switchCamera(options);

可用性

iOS、Android系统

可提供的1.0.8及更高版本

隐私、权限声明

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

android.permission.CAMERA android.permission.RECORD_AUDIO android.permission.WRITE_EXTERNAL_STORAGE android.permission.READ_EXTERNAL_STORAGE Privacy - Camera Usage Description

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

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

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问