摄像头功能

components/zhuapaiConfirm/index.vue

@@ -1,7 +1,7 @@
 <template>
 	<uni-popup ref="popupRef" type="dialog" :animation="false" :is-mask-click="false"
 		mask-background-color="rgba(0, 0, 0, 0.4);">
-		<uni-popup-dialog mode="input" class="phone-camera my-dialog-cc" title="摄像头确认" :duration="2000" :before-close="true"
+		<uni-popup-dialog mode="input" class="phone-camera my-dialog-cc" :title="title" :duration="2000" :before-close="true"
 			@close="handleClose" @confirm="handleConfirm">
 			<view class="phone-camera-box" style="overflow: hidden;">
 				<view v-show="!showConfirmBtn" class="sxt-tip-box" style="text-align: center;">摄像头正在初始化...</view>
@@ -29,6 +29,13 @@
 		useH5Camera
 	} from "./useCamera.js"
 	
+	defineProps({
+		title: {
+			type: String,
+			default: '摄像头确认'
+		}
+	})
+	
 	const emits = defineEmits(['success', 'error', 'cancel'])
 	
 	const popupRef = ref(null)
@@ -36,6 +43,7 @@
 	
 	let zhuapaiFun = null;
 	let stopCamera = null;
+	let errorFunCompleteFn = null;
 
 	function startCamera() {
 		// 请求摄像头权限并获取流
@@ -44,7 +52,8 @@
 		const {
 			startH5Camera,
 			handlePaiZhao,
-			stopH5Camera
+			stopH5Camera,
+			errorFunComplete
 		} = useH5Camera({
 			elVideoId: '#videoConfirm',
 			elCanvasId: '#canvasConfirm',
@@ -54,6 +63,7 @@
 		startH5Camera();
 		zhuapaiFun = handlePaiZhao;
 		stopCamera = stopH5Camera;
+		errorFunCompleteFn = errorFunComplete;
 		// #endif
 
 		// #ifdef APP-PLUS
@@ -70,9 +80,10 @@
 		showConfirmBtn.value = true;
 	}
 
-	function onVideoError() {
+	function onVideoError(e) {
 		showConfirmBtn.false = true;
 		emits('error')
+		errorFunCompleteFn && errorFunCompleteFn(e)
 	}
 
 	function showDialog() {

components/zhuapaiConfirm/useCamera.js

@@ -27,7 +27,11 @@ function checkPlatform2() {
 		let match = test.exec(ua);
 		let version = match[1].split('.')[0];
 		if (version < 9) {
-			Toast.fail(errorMessage.ms10);
+			uni.showToast({
+				icon: 'error',
+				title: errorMessage.ms10
+			})
+			
 			return {
 				data: false,
 				waitCode: false
@@ -36,10 +40,11 @@ function checkPlatform2() {
 		// 判断 浏览器 Android
 		if (!checkAndroidForBrowser()) {
 			// 提示信息
-			Toast.fail({
-				message: errorMessage.ms13,
-				duration: 5000
-			});
+			uni.showToast({
+				icon: 'error',
+				title: errorMessage.ms13
+			})
+			
 			return {
 				data: true,
 				waitCode: true
@@ -66,10 +71,14 @@ function checkPlatform2() {
 		}
 
 		if (version < 14.3) {
-			Toast.fail(errorMessage.ms11);
+			uni.showToast({
+				icon: 'error',
+				title: errorMessage.ms11
+			})
 			return {
 				data: false,
-				waitCode: false
+				waitCode: false,
+				duration: 3000
 			};
 		}
 
@@ -77,10 +86,11 @@ function checkPlatform2() {
 		// 判断 浏览器 Android
 		if (!checkIosForBrowser()) {
 			// 提示信息
-			Toast.fail({
-				message: errorMessage.ms12,
+			uni.showToast({
+				icon: 'error',
+				title: errorMessage.ms12,
 				duration: 5000
-			});
+			})
 			return {
 				data: true,
 				waitCode: true
@@ -202,18 +212,36 @@ function getBrowser() {
 export function errorFunComplete(e) {
 	const name = e.name;
 	if (name === 'NotFoundError' || name === 'DevicesNotFoundError') {
-		Toast.fail(errorMessage.ms4);
+		uni.showToast({
+			icon: 'error',
+			title: errorMessage.ms4,
+		})
 	}
 	if (name === 'NotReadableError' || name === 'TrackStartError') {
-		Toast.fail(errorMessage.ms5);
+		uni.showToast({
+			icon: 'error',
+			title: errorMessage.ms5,
+		})
 	} else if (name === 'OverconstrainedError' || name === 'ConstraintNotSatisfiedError') {
-		Toast.fail(errorMessage.ms6);
+		uni.showToast({
+			icon: 'error',
+			title: errorMessage.ms6,
+		})
 	} else if (name === 'NotAllowedError' || name === 'PermissionDeniedError') {
-		Toast.fail(errorMessage.ms7);
+		uni.showToast({
+			icon: 'error',
+			title: errorMessage.ms7,
+		})
 	} else if (name === 'TypeError' || name === 'TypeError') {
-		Toast.fail(errorMessage.ms8);
+		uni.showToast({
+			icon: 'error',
+			title: errorMessage.ms8,
+		})
 	} else {
-		Toast.fail(errorMessage.ms9);
+		uni.showToast({
+			icon: 'error',
+			title: errorMessage.ms9,
+		})
 	}
 }
 
@@ -235,10 +263,11 @@ let constraints = {
 export function check(success, error, backFun) {
 
 	if (!navigator) {
-		Toast.fail({
-			message: errorMessage.ms1,
+		uni.showToast({
+			icon: 'error',
+			title: errorMessage.ms1,
 			duration: 5000
-		});
+		})
 		// 当前浏览器版本 无媒体对象
 		backFun && backFun();
 		return false;
@@ -267,7 +296,10 @@ export function check(success, error, backFun) {
 			//旧版API
 			navigator.getUserMedia(constraints, success, error);
 		} else {
-			Toast.fail(errorMessage.ms2);
+			uni.showToast({
+				icon: 'error',
+				title: errorMessage.ms2,
+			})
 			backFun && backFun();
 		}
 	}, timeD);
@@ -471,6 +503,7 @@ export function useH5Camera({
 	return {
 		startH5Camera,
 		stopH5Camera,
-		handlePaiZhao
+		handlePaiZhao,
+		errorFunComplete
 	}
 }

components/zhuapaiConfirm/zhuapai.vue

@@ -151,7 +151,7 @@
 	function onVideoSuccess() {
 		setTimeout(() => {
 			// 首次运行进行抓拍一次
-			// handleZhua();
+			handleZhua();
 		}, 3000);
 	}
 

pages/client/Kaoshi/exam.vue

@@ -402,7 +402,7 @@
 
 	function zpError() {
 		uni.showToast({
-			title: '摄像头唤起异常',
+			title: '抓拍图片异常',
 			icon: 'none'
 		})
 		uni.redirectTo({
@@ -417,10 +417,10 @@
 	}
 
 	function zpConfirmError() {
-		uni.showToast({
-			title: '摄像头唤起异常',
-			icon: 'none'
-		})
+		// uni.showToast({
+		// 	title: '摄像头唤起异常',
+		// 	icon: 'none'
+		// })
 		uni.redirectTo({
 			url: '/pages/client/Kaoshi/list'
 		})

pages/client/my/index.vue

@@ -42,11 +42,11 @@
 				<icon class="list-icon score-icon"></icon>
 				<text>我的成绩</text>
 			</view>
-			<view class="list-row">
+			<view class="list-row" @click="showZhuaPaiConfirm">
 				<icon class="list-icon sxtcs-icon"></icon>
 				<text>摄像头测试</text>
 			</view>
-			<view class="list-row">
+			<view class="list-row" @click="showMessageDl">
 				<icon class="list-icon sxtsm-icon"></icon>
 				<text>摄像头说明</text>
 			</view>
@@ -58,6 +58,10 @@
 		<!-- 底部区域 -->
 		<customTabbarClient :currentTab="1"></customTabbarClient>
 		<common-dialog ref="commonDialogRef" :title="exitTitle" :content="exitContent"@confirm-btn="exitBtn"></common-dialog>
+		<shexiangDialogVue ref="shexiangRef" title="摄像头说明"></shexiangDialogVue>
+		
+		<!-- 摄像头确认 -->
+		<zhuapaiConfrimVue ref="zpRef" @error="zpConfirmError" title="摄像头测试"></zhuapaiConfrimVue>
 	</view>
 </template>
 
@@ -69,6 +73,9 @@
 	import {reactive,ref} from "vue";
 	import customTabbarClient from "@/components/custom-tabbar/custom-tabbar-client.vue"
 	import commonDialog from '@/components/dialog/commonDialog.vue';
+	import shexiangDialogVue from "@/components/dialog/shexiangDialog.vue";
+	import zhuapaiConfrimVue from "@/components/zhuapaiConfirm/index.vue";
+	
 	let myInfoData = reactive({
 		userImg: '',
 		realName: '',
@@ -76,9 +83,11 @@
 		kaoshiCount: '',
 		kechengCount: '',
 		lianxiCount: '',
-    from:''
+		from:''
 	});
 	const commonDialogRef = ref(null);
+	const shexiangRef = ref(null);
+	const zpRef = ref(null);
 	const exitContent = '你确定要执行这个操作吗？';
 	const exitTitle = '退出登录';
 	function getMyInit() {
@@ -144,6 +153,26 @@
 			toast('退出登录失败，请稍后重试')
 		})
 	}
+	
+	function showMessageDl() {
+		console.log(shexiangRef.value)
+		shexiangRef.value.handleShow()
+	}
+	
+	function showZhuaPaiConfirm() {
+		zpRef.value.showDialog()
+	}
+	
+	function zpConfirmSuccess() {
+		zpRef.value.showDialog()
+	}
+	function zpConfirmError() {
+		uni.showToast({
+			title: '摄像头唤起异常',
+			icon: 'none'
+		})
+	}
+	
 	onLoad(() => {
     
 	})