更新记录
1.0.13(2025-07-14)
优化
1.0.12(2025-07-14)
优化
1.0.11(2025-07-14)
优化
查看更多平台兼容性
uni-app(4.06)
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
√ | - | - | - | - | - | - | - | - |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
- | - | - | - | - | - | - | - | - | - | - |
uni-app x(4.06)
Chrome | Safari | Android | iOS | 鸿蒙 | 微信小程序 |
---|---|---|---|---|---|
- | - | - | - | - | - |
xtf-cameraview
相机自定义组件 可拍照 录像
uniappx/uniapp
<xtf-cameraview
ref="camera"
style="width: 750rpx;
height: 750rpx;
"></xtf-cameraview>
设置摄像头预览方向
rotation
rotation 为 0 1 2
<xtf-cameraview
ref="camera"
rotation="1"
style="width: 750rpx;
height: 750rpx;
"></xtf-cameraview>
import { takePic,startVideo } from '@/uni_modules/xtf-cameraview';
相机加载完成回调
@onCameraLoad="onCameraLoad"
onCameraLoad(){
}
获取相机对象
uniappx
var camera:XtfCameraviewElement=this.$refs["camera"] as XtfCameraviewElement
uniapp
var camera=this.$refs["camera"];
切换摄像头
camera.switchCamera(true);// true 后置
拍照
takePic(function(data:string){
})
开始录像
startVideo(function(data:string){
})
结束录像
camera.stopRecorder();
结束拍照
camera.stopRecorder();
暂停/继续 录像
camera.pauseResumeRecordering(true);//true 暂停 false 开启
是否正在录像
var b=camera.isRecordering();
闪光的
camera.setTorchEnable(on)//true 暂停 false 开启
关闭摄像头
camera.closeCamera()