更新记录
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及更高版本