JLBA202505130001_关于吉林银行新建AI智能培训系统的需求_fix: 视频播放问题处理

.env.development

@@ -5,7 +5,7 @@ ENV = 'development'
 #VITE_APP_BASE_API_Url = 'https://aits.jlbank.com.cn:7001'
 
 
-VITE_APP_BASE_API_Url = 'https://aitstest.jlbank.com.cn:7001'
+VITE_APP_BASE_API_Url = 'https://aitstest.jlbank.com.cn:7002'
 
 
 # DEV

src/api/common.js

@@ -47,7 +47,7 @@ export const getPreviewFileUrl = (id) => {
 	return get_base_url() + `/traoss/tras3/show/${id}`
 }
 // 对象存储下载 /traoss/tras3/show/{文件ID} 
-export function downloadFile(id) {
+export function downloadFile(id = '', url = '') {
 	const token = getToken();
 	const header = {
 		"Content-Type": "application/x-www-form-urlencoded; charset=UTF-8",
@@ -55,10 +55,10 @@ export function downloadFile(id) {
 	if (token)
 		header['summary'] = token
 	let baseUrl = get_base_url();
-
+	let _url = id?`${baseUrl}/traoss/tras3/show/${id}?tk=${token}`:`${url}?tk=${token}`
 	return new Promise((resolve, reject) => {
 		uni.downloadFile({
-			url: `${baseUrl}/traoss/tras3/show/${id}`,
+			url: _url,
 			header,
 			success(result) {
 				resolve(result)

src/components/comment-input/comment-input.vue

@@ -171,7 +171,6 @@
 	const focus = (event) => {
 		isShow.value = true
 		isFocus.value = true
-		console.log('focusevent');
 		if(!isReply.value){
 			getMemList()
 		}
@@ -185,7 +184,6 @@
 	})
 	const resStart = ref(-1)
 	const blur = (event) => {
-		console.log('失去焦点不一定关闭',event);
 		// popHeight.value = '0px'
 		resStart.value = event.detail.cursor
 		isShow.value = true
@@ -193,7 +191,6 @@
 	}
 	const hideAll = (flag=false) => {
 		popHeight.value = '0px'
-		console.log('hideAll');
 		isShow.value = false
 		isFocus.value = false
 		if(flag){
@@ -245,7 +242,6 @@
 					const extension = url.slice(lastDotIndex + 1).split('?')[0].toLowerCase()
 					return ['png', 'jpg'].includes(extension)
 				})
-				console.log(tempFilePaths,valid)
 				if (!valid) return common.msg('您选择的图片格式有误。')
 				const data = {
 					bizScen: 'S3005'
@@ -304,13 +300,10 @@
 			bbsTag: bbsTag.value, // 评价标签 （SUG 建议 ASK 提问 ）
 			bbsContent: value.value // 评价内容
 		}
-		console.log(_params)
 		publishCrsEvaluation(_params).then((res) => {
 			const loadingDuration = Date.now() - loadingStartTime;
 			const minLoadingTime = 700;
-			console.log(loadingStartTime, loadingDuration);
 			const delayTime = Math.max(0, minLoadingTime - loadingDuration);
-			console.log('delayTime', delayTime);
 			setTimeout(() => {
 				common.hideLoading();
 				nextTick(() => common.msg('发表成功'));
@@ -322,9 +315,7 @@
 					emit('submitOver')
 				}, 500);
 			}, delayTime);
-		}).catch(err=>{
+		}).catch(err=>{})
-			console.log(err)
-		})
 	};
 	const reply_send = async () => {
 		emit('sendReply', {...answerData.value, bbsContent: value.value})
@@ -351,10 +342,7 @@
 		popHeight.value = val ? `${maxKeyboardHeight.value}px` : (keyboardHeight.value+'px')
 	})
 	watch(()=> keyboardHeight.value,(val)=>{
-		console.log(val,showEmoji.value)
-		console.log(maxKeyboardHeight.value)
 		popHeight.value = showEmoji.value ? `${maxKeyboardHeight.value}px` : keyboardHeight.value+'px'
-		console.log(popHeight.value)
 	})
 	defineExpose({hideAll, resetVal})
 </script>

src/components/image-preview/preview-detail.vue

@@ -94,7 +94,10 @@
 			},
 			srcList() {
 				return this.storageStore?.getFileSrcList
-			}
+			},
+			isBase() {
+				return this.storageStore?.getIsBase
+			},
 		},
 		watch: {
 			fileId: {
@@ -148,6 +151,11 @@
 			},
 			initSrc(newval, oldval) {
 				let _src
+				if(this.isBase){
+					_src = newval
+					this.fileUrlShow = _src
+					return _src
+				}
 				if (newval.indexOf('http') === 0) {
 					_src = newval + '?tk=' + getToken()
 				} else {

src/pages/course/components/talkingItem.vue

@@ -68,11 +68,13 @@
 				<!-- <RadioSubjectRequest v-if="[8].indexOf(type) >= 0 && dataInfo.qnsTyp !== 'ES'" :item="dataInfo" :mode="mode" @subject_click="subject_click" /> -->
 				<!-- 段落图片视频预览 -->
 				<view v-if="type === 3" style="overflow: hidden;padding-top: 10rpx;">
-					<ImagePreview :class="['cont-img-box',imgAddrs.length === 1?'cont-video-box':imgAddrs.length === 2?'cont-img-box2':'']" v-for="item in imgAddrs "
+					<ImagePreview
-						:imgId="item" :previewDetail="false" @click="previewImage(item, imgAddrs)"></ImagePreview>
+						:class="['cont-img-box',imgAddrs.length === 1?'cont-video-box':imgAddrs.length === 2?'cont-img-box2':'']"
+						v-for="item in imgAddrs " :imgId="item" :previewDetail="false" @click="previewImage(item, imgAddrs)">
+					</ImagePreview>
 					<VideoPreview class="cont-img-box cont-video-box" v-if="(dataInfo.vidoAddrs || []).length > 0"
-						:fileId="dataInfo.vidoAddrs[0].vidAddr"
+						:fileId="dataInfo.vidoAddrs[0].vidAddr" :picId="dataInfo.vidoAddrs[0].vidImgAddr"
-						:picId="dataInfo.vidoAddrs[0].vidImgAddr"  @click="previewVideo(dataInfo.vidoAddrs[0])">
+						@click="previewVideo(dataInfo.vidoAddrs[0])">
 					</VideoPreview>
 					<view class="file-items" v-if="(dataInfo.fileData || []).length > 0">
 						<view class="file-item" v-for="item in dataInfo.fileData" @click="previewFile(item)">
@@ -234,7 +236,8 @@
 		downloadVoiceFile,
 		downloadVoiceParams,
 		uploadVoiceFile,
-		getAudioByText
+		getAudioByText,
+		downloadFile
 	} from '@/api/common.js';
 	import {
 		studyParagraphOverApi,
@@ -245,6 +248,7 @@
 	import ChartFive from './chartFive.vue';
 	import common from '@/common/common';
 	import {
+		getPhoneEnvBool,
 		getUserInfo
 	} from '@/common/common';
 	import {
@@ -337,7 +341,7 @@
 			...(dataInfo.value?.traQnsInfoVo || {}),
 			my_answer: dataInfo.value?.traQnsInfoVo?.anserResult || '',
 			answerMethod: props.answerMethod,
-			...(props.type === 5?{
+			...(props.type === 5 ? {
 				"qnsTyp": "ES",
 				my_answer: dataInfo.value,
 				itemVos: [{
@@ -346,18 +350,18 @@
 					"qnsId": dataInfo.value.qnsId,
 					"itemAnswer": dataInfo.value.itemAnswer,
 					"relKeyword": dataInfo.value.relKeyword,
-					anserResult:dataInfo.value?.traQnsInfoVo?.anserResult || '',
+					anserResult: dataInfo.value?.traQnsInfoVo?.anserResult || '',
 					"evalSettingVos": dataInfo.value?.essayEvalVo,
 				}]
-			}:{})
+			} : {})
 
 		};
 	});
-	const mode = computed(()=>{
+	const mode = computed(() => {
 		return props.type == 5 ? 'study_answer' : props.type == 8 ? 'study_result' : 'study'
 	}); // 考试 examination 练习practice 学习study 学习结果study_answer
 
-	const imgAddrs = computed(()=>{
+	const imgAddrs = computed(() => {
 		return (dataInfo.value.imageAddrs || [])
 	})
 
@@ -424,16 +428,16 @@
 			return false;
 		}
 		if (type.value === 5) {
-			if(dataInfo.value.stdyStat !== 'Y' && dataInfo.value.isLastQns === 'Y'){
+			if (dataInfo.value.stdyStat !== 'Y' && dataInfo.value.isLastQns === 'Y') {
 				return false
-			}else{
+			} else {
 				return true;
 			}
 		}
 		if (type.value === 8) {
-			if(dataInfo.value.stdyStat !== 'Y' && dataInfo.value.isLastQns === 'Y'){
+			if (dataInfo.value.stdyStat !== 'Y' && dataInfo.value.isLastQns === 'Y') {
 				return false
-			}else{
+			} else {
 				return !!dataInfo.value.traQnsInfoVo?.judgeResult;
 			}
 		}
@@ -467,19 +471,36 @@
 		return str.replace(/\/n/g, '\n');
 	};
 
-	const previewVideo = (obj)=>{
+	const previewVideo = async (obj) => {
-		console.log(obj)
+		const IsAndEnv = getPhoneEnvBool('AND');
-		storageStore.setShowPreviewDetail({
+		if (IsAndEnv) {
-			status: true, 
+			storageStore.setShowPreviewDetail({
-			fileType: 'video', 
+				status: true,
-			fileId: '', 
+				fileType: 'video',
-			fileSrc: obj.vidAddr
+				fileId: '',
-		})
+				isBase: false,
+				fileSrc: obj.vidAddr
+			})
+		} else {
+			common.loading('加载中');
+			try {
+				const _res = await downloadFile('', obj.vidAddr)
+				storageStore.setShowPreviewDetail({
+					status: true,
+					fileType: 'video',
+					fileId: '',
+					isBase: _res.tempFilePath ? true : false,
+					fileSrc: _res.tempFilePath || obj.vidAddr
+				})
+			} catch {} finally {
+				common.hideLoading();
+			}
+		}
 	}
-	const previewImage = (obj, arr=[])=>{
+	const previewImage = (obj, arr = []) => {
 		storageStore.setShowPreviewDetail({
 			status: true,
-			fileType: arr.length>0?'imageList':'image', 
+			fileType: arr.length > 0 ? 'imageList' : 'image',
 			fileId: '',
 			fileSrc: obj,
 			fileSrcList: arr
@@ -495,15 +516,13 @@
 	});
 	onUnload(() => {
 		// pauseVoice();
-		console.log('onUnload')
 		talkVoiceObj.value?.destroy()
-		if(downloadFnc.value && downloadFnc.value.abord) downloadFnc.value?.abord()
+		if (downloadFnc.value && downloadFnc.value.abord) downloadFnc.value?.abord()
 		downloadFnc.value = null
 	});
 	onHide(() => {
-		console.log('onHide')
 		voiceLoading.value = false;
-		if(downloadFnc.value && downloadFnc.value.abord) downloadFnc.value?.abord()
+		if (downloadFnc.value && downloadFnc.value.abord) downloadFnc.value?.abord()
 		downloadFnc.value = null
 	});
 	let prevTime = -1;
@@ -513,7 +532,7 @@
 	talkVoiceObj.value.onEnded(() => {
 		console.log('onEnded');
 		voiceIsPlaying.value = false
-		if(props.activeVoiceId){
+		if (props.activeVoiceId) {
 			emit('changePlay', '');
 		}
 		prevTime = -1;
@@ -524,7 +543,7 @@
 		console.log('onStop');
 		voiceLoading.value = false;
 		voiceIsPlaying.value = false
-		if(props.activeVoiceId){
+		if (props.activeVoiceId) {
 			emit('changePlay', '');
 		}
 		prevTime = -1;
@@ -536,7 +555,7 @@
 		voiceLoading.value = false;
 		prevTime = talkVoiceObj.value.currentTime;
 		pauseTime = prevTime
-		if(downloadFnc.value && downloadFnc.value.abord) downloadFnc.value?.abord()
+		if (downloadFnc.value && downloadFnc.value.abord) downloadFnc.value?.abord()
 		downloadFnc.value = null
 	});
 	talkVoiceObj.value.onPlay(() => {
@@ -545,9 +564,9 @@
 		pauseTime = prevTime
 		startPlay.value = true
 		voiceIsPlaying.value = true
-		setTimeout(()=> {
+		setTimeout(() => {
-			startPlay.value= false
+			startPlay.value = false
-		},300)
+		}, 300)
 		emit('changePlay', unref(dataInfo)?.id);
 	});
 
@@ -559,8 +578,9 @@
 						prevTime = talkVoiceObj.value.currentTime;
 					}
 				} else {
-					if (props.isPlaying && (talkVoiceObj.value.currentTime > 0)  && props.activeVoiceId && !startPlay.value) {
+					if (props.isPlaying && (talkVoiceObj.value.currentTime > 0) && props.activeVoiceId && !startPlay
-						console.log(pauseTime , prevTime)
+						.value) {
+						console.log(pauseTime, prevTime)
 						emit('changePlay', '');
 					}
 				}
@@ -597,7 +617,7 @@
 	const downloadFnc = ref(null)
 	const playVoice = (readType = 'pgth') => {
 		console.log('playVoice11111111')
-		if(voiceIsPlaying.value) return
+		if (voiceIsPlaying.value) return
 		let _content = showContent.value;
 		if (!_content) {
 			common.msg('没有可以播放的文字信息！');
@@ -607,14 +627,14 @@
 			emit('changePlay', unref(dataInfo)?.id);
 			// readType 阅读内容类型pgrh段落/qns问题
 			if (talkVoiceObj.value.src && talkVoiceObj.value.src === itemVoice.value) {
-				if(voiceIsPlaying.value) return
+				if (voiceIsPlaying.value) return
 				talkVoiceObj.value.play();
 				return;
 			}
 			talkVoiceObj.value.src = '';
 			if (itemVoice.value) {
 				setTimeout(() => {
-					if(voiceIsPlaying.value) return
+					if (voiceIsPlaying.value) return
 					talkVoiceObj.value.src = itemVoice.value;
 					talkVoiceObj.value.play();
 				}, 100);
@@ -666,7 +686,7 @@
 					if (url) {
 						voiceLoading.value = false;
 						itemVoice.value = url;
-						if(voiceIsPlaying.value) return
+						if (voiceIsPlaying.value) return
 						talkVoiceObj.value.src = url;
 						talkVoiceObj.value.play();
 					} else {
@@ -681,10 +701,10 @@
 								}
 								voiceLoading.value = false;
 								itemVoice.value = res.tempFilePath;
-								if(voiceIsPlaying.value) return
+								if (voiceIsPlaying.value) return
 								talkVoiceObj.value.src = res.tempFilePath;
 								// 判斷是否在當前頁面
-								if(unref(isGettingId) === unref(dataInfo)?.id){
+								if (unref(isGettingId) === unref(dataInfo)?.id) {
 									talkVoiceObj.value.play();
 									storageStore.setStorage('audio', _url + _params.teachNo, itemVoice.value);
 								}
@@ -748,11 +768,11 @@
 	const setVoiceTime = (sum) => {
 		plus.io.getAudioInfo({
 			filePath: unref(dataInfo).talkingVoice,
-			success:(res)=>{
+			success: (res) => {
-				voiceTime.value =  (Math.floor(res.duration) || 1) + 's'
+				voiceTime.value = (Math.floor(res.duration) || 1) + 's'
 			},
-			fail:(res)=>{
+			fail: (res) => {
-				voiceTime.value =  (unref(dataInfo).voiceTime || 1) + 's'
+				voiceTime.value = (unref(dataInfo).voiceTime || 1) + 's'
 			}
 		})
 	}
@@ -809,16 +829,16 @@
 		clickNow();
 		if ([5, 8].indexOf(props.type) >= 0) {
 			// 完成问题
-			if(dataInfo.value.stdyStat === 'Y' && dataInfo.value.isLastQns === 'Y'){
+			if (dataInfo.value.stdyStat === 'Y' && dataInfo.value.isLastQns === 'Y') {
 				emit('nextQuestion', unref(dataInfo), 'overNextGraph');
-			}else{
+			} else {
 				emit('nextQuestion', unref(dataInfo));
 			}
 		} else if ([3].indexOf(props.type) >= 0) {
 			// 完成段落
-			if(unref(dataInfo).hasQns !=='Y'){
+			if (unref(dataInfo).hasQns !== 'Y') {
 				emit('nextQuestion', unref(dataInfo), 'overNextGraph');
-			}else{
+			} else {
 				emit('nextQuestion', unref(dataInfo), 'overGraph');
 			}
 		} else if ([9].indexOf(props.type) >= 0) {
@@ -972,10 +992,11 @@
 					}
 				}
 
-				.file-items{
+				.file-items {
 					float: left;
 					width: 100%;
 					padding-top: 12rpx;
+
 					.file-item {
 						line-height: 36rpx;
 						font-size: 28rpx;
@@ -994,18 +1015,21 @@
 					margin-bottom: 20rpx;
 					margin-right: 20rpx;
 
-					&.cont-video-box{
+					&.cont-video-box {
 						width: 433rpx;
 						height: 269rpx;
 						margin-right: 0rpx;
 					}
-					&:nth-child(3n){
+
+					&:nth-child(3n) {
 						margin-right: 0;
 					}
-					&.cont-img-box2{
+
+					&.cont-img-box2 {
 						width: calc(50% - 10rpx);
 						height: 200rpx;
-						&:nth-child(2n){
+
+						&:nth-child(2n) {
 							margin-right: 0rpx;
 						}
 					}

src/store/storage.js

@@ -13,6 +13,7 @@ export const useStorageStore = defineStore('storageStore',{
 		fileId: '',
 		fileSrc: '',
 		fileSrcList: [],
+		isBase: false,
 		gettingVoiceId: ''
 	}),
 	getters:{
@@ -46,17 +47,21 @@ export const useStorageStore = defineStore('storageStore',{
 		getGettingVoiceId(state){
 			return state.gettingVoiceId
 		},
+		getIsBase(state){
+			return state.isBase
+		}
 	},
 	actions:{
 		setGettingVoiceId(id){
 			return this.gettingVoiceId = id
 		},
-		setShowPreviewDetail({ status = false, fileType = 'image', fileId = '', fileSrc = '', fileSrcList = [] }){
+		setShowPreviewDetail({ status = false, fileType = 'image', fileId = '', fileSrc = '', fileSrcList = [], isBase = false }){
 			this.showPreviewDetail = status
 			this.fileId = fileId
 			this.fileType = fileType
 			this.fileSrc = fileSrc
 			this.fileSrcList = fileSrcList
+			this.isBase = isBase
 		},
 		setTouchBtnZIndex(index = 12){
 			this.touchBtnZIndex = index