<script>
export default {
data() {
return {
cameraContext: null,
//计时器
timer: null,
//录制时长
totalSeconds: 10,
//屏幕高度
screenHeight: "",
//是否显示-完成遮罩
achieveShow: false
}
},
onLoad() {
let that = this
uni.getSystemInfo({
success: (res) => {
console.log('屏幕宽度,单位为px：', res.windowWidth);
console.log('屏幕高度,单位为px：', res.windowHeight);
that.screenHeight = res.windowHeight;
},
});
setTimeout(() => {
this.startShoot()
}, 500)
},
onReady() {
// 创建 camera 上下文 CameraContext 对象
this.cameraContext = uni.createCameraContext()
},
methods: {
// 开始拍摄
startShoot() {
this.cameraContext.startRecord({
timeoutCallback: () => {
console.error('超出限制时长', this.totalSecond);
},
timeout: this.totalSeconds,
success: (res) => {
//开启计时器
this.timer = setInterval(() => {
this.totalSeconds--
}, 1000)
console.log(res, '开始拍摄');
},
fail: (err) => {
this.errToast('摄像头启动失败，请重新打开')
}
})
},
// 结束拍摄
stopShoot() {
// 接触 计时器
if (this.timer) clearInterval(this.timer)
this.cameraContext.stopRecord({
compressed: true,
success: (res) => {
//显示遮罩
this.achieveShow = true
// TODO 获取数据帧
console.log(res, '结束拍摄');
},
fail: (err) => {
this.errToast('视频保存失败，请重新录制')
},
})
},
// 摄像头错误
onCameraError(error) {
console.error('摄像头错误: ', error.detail);
},
//摄像头-失败操作
errToast(e) {
this.$operate.toast({
title: e
})
setTimeout(() => {
this.confirmBut()
}, 500)
},
//确定-返回上一页
confirmBut() {
uni.navigateBack()
},
},
watch: {
//监听倒计时
totalSeconds: {
handler(newVal) {
// console.log(newVal, '倒计时');
//倒计时 = 1 的时候结束拍摄
if (newVal == 1) {
//结束拍摄
this.stopShoot()
}
}
}
}
}
</script>
发表于 2024-8-30 15:17:00
