소스 검색

添加gif图过度

yangg 2 달 전
부모
커밋
062ece90fc

+ 1 - 1
common/config.js

@@ -1,7 +1,7 @@
 // API base URL configuration
 //线上 https://minlong.raycos.com.cn
 //测试 http://192.168.66.187:8083
-export const apiBaseUrl = 'http://192.168.66.187:8083';
+export const apiBaseUrl = 'https://minlong.raycos.com.cn';
 
 // You can add other global configuration settings here
 export const appVersion = '1.0.0';

+ 46 - 8
pages/identity-verify/identity-verify.vue

@@ -3,8 +3,12 @@
     <div class="digital-human-container">
       <!-- AI数字人视频/图像显示区域 -->
       <div class="digital-human-video">
-        <!-- <image v-if="!videoPlaying" src="/static/images/digital-human-placeholder.jpg" mode="aspectFit"></image> -->
+        <!-- 添加GIF图片显示区域 -->
+        <img v-if="showGif && gifUrl" :src="gifUrl" class="gif-player" alt="面试官GIF" />
+        
+        <!-- 视频播放区域,当showGif为false时显示 -->
         <video 
+          v-if="!showGif"
           :src="videoUrl"
           id="myVideo"
           ref="videoPlayer" 
@@ -259,6 +263,8 @@ export default {
       countdownValue: 10, // 倒计时数值
       showCountdown: false, // 是否显示倒计时蒙层
       countdownTimer: null,
+      showGif: false, // 控制是否显示GIF
+      gifUrl: '', // GIF图片的URL
     }
   },
   mounted() {
@@ -827,16 +833,29 @@ export default {
       console.log('视频播放结束');
       this.videoPlaying = false;
       
+      // 设置对应问题的GIF图片URL
+      if (this.currentVideoIndex === 0) {
+        this.gifUrl = 'http://121.36.251.245:9000/minlong/tenant_1/general_uploads/5273282d971441249aeadf35a7574f01.gif';
+      } else if (this.currentVideoIndex === 1) {
+        this.gifUrl = 'http://121.36.251.245:9000/minlong/tenant_1/general_uploads/5273282d971441249aeadf35a7574f01.gif';
+      } else if (this.currentVideoIndex === 2) {
+        this.gifUrl = 'http://121.36.251.245:9000/minlong/tenant_1/general_uploads/5273282d971441249aeadf35a7574f01.gif';
+      } else if (this.currentVideoIndex === 3) {
+        this.gifUrl = 'http://121.36.251.245:9000/minlong/tenant_1/general_uploads/5273282d971441249aeadf35a7574f01.gif';
+      } else if (this.currentVideoIndex === 4) {
+        this.gifUrl = 'http://121.36.251.245:9000/minlong/tenant_1/general_uploads/5273282d971441249aeadf35a7574f01.gif';
+      } else if (this.currentVideoIndex === 5) {
+        this.gifUrl = 'http://121.36.251.245:9000/minlong/tenant_1/general_uploads/5273282d971441249aeadf35a7574f01.gif';
+      }
+      
+      // 显示GIF图片
+      this.showGif = true;
+      
       // 对于所有视频,都显示相应的按钮
       if (this.currentVideoIndex >= 1) {
         // 对于问题视频,显示"开始回答"按钮
         this.showStartRecordingButton = true;
-         this.startCountdown();
-         //this.videoUrl='http://121.36.251.245:9000/minlong/09c3c2e7d4fd50c22cf472059e7f5f17.mp4'
-        // 如果是第二段视频播放完成,自动开始倒计时
-        // if (this.currentVideoIndex >= 1) {
-         
-        // }
+        this.startCountdown();
       } else {
         // 对于介绍视频(第一个视频),显示"开始面试"按钮
         this.showAnswerButton = true;
@@ -2017,7 +2036,7 @@ export default {
       }
     },
     
-    // 修改 proceedToNextQuestion 方法,不再等待上传完成
+    // 修改 proceedToNextQuestion 方法
     proceedToNextQuestion() {
       // 检查是否完成了第五个视频问题(索引为4)
       if (this.currentVideoIndex === 4) {
@@ -2035,6 +2054,10 @@ export default {
         this.videoUrl = this.videoList[this.currentVideoIndex];
         this.videoPlaying = true;
         
+        // 重置GIF状态
+        this.showGif = false;
+        this.gifUrl = '';
+        
         // 重置当前字幕
         this.currentSubtitle = '';
         
@@ -2067,6 +2090,10 @@ export default {
       // 隐藏答题按钮
       this.showAnswerButton = false;
       
+      // 重置GIF状态
+      this.showGif = false;
+      this.gifUrl = '';
+      
       // 直接进入下一个问题
       this.proceedToNextQuestion();
     },
@@ -2941,4 +2968,15 @@ video::-webkit-media-controls-fullscreen-button {
   font-size: 24px;
   color: #ffffff;
 }
+
+/* 添加GIF播放器样式 */
+.gif-player {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 5; /* 确保GIF在视频上方但在字幕和按钮下方 */
+}
 </style>

+ 77 - 36
pages/interview-question/interview-question.vue

@@ -3,8 +3,12 @@
     <div class="digital-human-container">
       <!-- AI数字人视频/图像显示区域 -->
       <div class="digital-human-video">
-        <!-- <image v-if="!videoPlaying" src="/static/images/digital-human-placeholder.jpg" mode="aspectFit"></image> -->
+        <!-- 添加GIF图片显示区域 -->
+        <img v-if="showGif && gifUrl" :src="gifUrl" class="gif-player" alt="面试官GIF" />
+        
+        <!-- 视频播放区域,当showGif为false时显示 -->
         <video 
+          v-if="!showGif"
           :src="videoUrl"
           id="myVideo"
           ref="videoPlayer" 
@@ -246,6 +250,8 @@ export default {
       countdownValue: 10, // 倒计时数值
       showCountdown: false, // 是否显示倒计时蒙层
       countdownTimer: null,
+      showGif: false, // 控制是否显示GIF
+      gifUrl: '', // GIF图片的URL
     }
   },
   onLoad(options) {
@@ -829,7 +835,25 @@ export default {
     handleVideoEnded() {
       console.log('视频播放结束,当前视频索引:', this.currentVideoIndex);
       this.videoPlaying = false;
+      // 设置对应问题的GIF图片URL
+      // if (this.currentVideoIndex === 0) {
+        this.gifUrl = 'http://121.36.251.245:9000/minlong/tenant_1/general_uploads/5273282d971441249aeadf35a7574f01.gif';
+      // } else if (this.currentVideoIndex === 1) {
+      //   this.gifUrl = 'http://121.36.251.245:9000/minlong/tenant_1/general_uploads/5273282d971441249aeadf35a7574f01.gif';
+      // } else if (this.currentVideoIndex === 2) {
+      //   this.gifUrl = 'http://121.36.251.245:9000/minlong/tenant_1/general_uploads/5273282d971441249aeadf35a7574f01.gif';
+      // } else if (this.currentVideoIndex === 3) {
+      //   this.gifUrl = 'http://121.36.251.245:9000/minlong/tenant_1/general_uploads/5273282d971441249aeadf35a7574f01.gif';
+      // } else if (this.currentVideoIndex === 4) {
+      //   this.gifUrl = 'http://121.36.251.245:9000/minlong/tenant_1/general_uploads/5273282d971441249aeadf35a7574f01.gif';
+      // } else if (this.currentVideoIndex === 5) {
+      //   this.gifUrl = 'http://121.36.251.245:9000/minlong/tenant_1/general_uploads/5273282d971441249aeadf35a7574f01.gif';
+      // }
+      
+      // 显示GIF图片
+      this.showGif = true;
       
+
       // 视频结束后直接显示"开始作答"按钮
       this.showStartRecordingButton = true;
       this.startCountdown();
@@ -2038,6 +2062,9 @@ export default {
       if (this.uploadQueue.length > 0) {
         console.log('上传队列将在后台继续处理...');
         
+        // // 重置GIF状态
+        // this.showGif = false;
+        // this.gifUrl = '';
         // 显示简短的提示
         // uni.showToast({
         //   title: '视频将在后台上传',
@@ -2054,39 +2081,29 @@ export default {
     navigateToNextPage() {
       console.log('导航到下一个页面');
       
-      // 显示成功提示
-      // uni.showToast({
-      //   title: '面试完成',
-      //   icon: 'success',
-      //   duration: 2000
-      // });
-      
-      // 延迟跳转,让用户看到成功提示
-      setTimeout(() => {
-        // 跳转到结果页面,并传递上传状态参数
-        uni.navigateTo({
-          url: '/pages/interview-result/interview-result?uploading=' + (this.uploadQueue.length > 0 ? 'true' : 'false'),
-          success: () => {
-            console.log('成功跳转到结果页面');
-          },
-          fail: (err) => {
-            console.error('跳转失败:', err);
-            
-            // 如果跳转失败,尝试跳转到其他页面
-            uni.navigateTo({
-              url: '/pages/interview/interview',
-              fail: (err2) => {
-                console.error('备用跳转也失败:', err2);
-                
-                // 最后尝试返回上一页
-                uni.navigateBack({
-                  delta: 1
-                });
-              }
-            });
-          }
-        });
-      }, 2000);
+      // 移除延迟,直接跳转
+      uni.navigateTo({
+        url: '/pages/interview-result/interview-result?uploading=' + (this.uploadQueue.length > 0 ? 'true' : 'false'),
+        success: () => {
+          console.log('成功跳转到结果页面');
+        },
+        fail: (err) => {
+          console.error('跳转失败:', err);
+          
+          // 如果跳转失败,尝试跳转到其他页面
+          uni.navigateTo({
+            url: '/pages/interview/interview',
+            fail: (err2) => {
+              console.error('备用跳转也失败:', err2);
+              
+              // 最后尝试返回上一页
+              uni.navigateBack({
+                delta: 1
+              });
+            }
+          });
+        }
+      });
     },
 
     // 修改 handleAnswerButtonClick 方法
@@ -2094,8 +2111,21 @@ export default {
       // 隐藏答题按钮
       this.showAnswerButton = false;
       
-      // 直接进入下一个问题
-      this.proceedToNextQuestion();
+      // 重置GIF状态
+      this.showGif = false;
+      this.gifUrl = '';
+      
+      // 显示简短提示
+      uni.showToast({
+        title: '面试完成',
+        icon: 'success',
+        duration: 500 // 只显示0.5秒
+      });
+      
+      // 短暂延迟后跳转
+      setTimeout(() => {
+        this.navigateToNextPage();
+      }, 500); // 0.5秒后跳转
     },
 
     // 处理相机错误
@@ -2982,4 +3012,15 @@ video::-webkit-media-controls-fullscreen-button {
   font-size: 24px;
   color: #ffffff;
 }
+
+/* 添加GIF播放器样式 */
+.gif-player {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 5; /* 确保GIF在视频上方但在字幕和按钮下方 */
+}
 </style>

+ 1 - 1
unpackage/dist/dev/mp-weixin/common/config.js

@@ -1,3 +1,3 @@
 "use strict";
-const apiBaseUrl = "http://192.168.66.187:8083";
+const apiBaseUrl = "https://minlong.raycos.com.cn";
 exports.apiBaseUrl = apiBaseUrl;

+ 58 - 29
unpackage/dist/dev/mp-weixin/pages/identity-verify/identity-verify.js

@@ -136,7 +136,11 @@ const _sfc_main = {
       // 倒计时数值
       showCountdown: false,
       // 是否显示倒计时蒙层
-      countdownTimer: null
+      countdownTimer: null,
+      showGif: false,
+      // 控制是否显示GIF
+      gifUrl: ""
+      // GIF图片的URL
     };
   },
   mounted() {
@@ -558,6 +562,20 @@ const _sfc_main = {
     handleVideoEnded() {
       console.log("视频播放结束");
       this.videoPlaying = false;
+      if (this.currentVideoIndex === 0) {
+        this.gifUrl = "http://121.36.251.245:9000/minlong/tenant_1/general_uploads/5273282d971441249aeadf35a7574f01.gif";
+      } else if (this.currentVideoIndex === 1) {
+        this.gifUrl = "http://121.36.251.245:9000/minlong/tenant_1/general_uploads/5273282d971441249aeadf35a7574f01.gif";
+      } else if (this.currentVideoIndex === 2) {
+        this.gifUrl = "http://121.36.251.245:9000/minlong/tenant_1/general_uploads/5273282d971441249aeadf35a7574f01.gif";
+      } else if (this.currentVideoIndex === 3) {
+        this.gifUrl = "http://121.36.251.245:9000/minlong/tenant_1/general_uploads/5273282d971441249aeadf35a7574f01.gif";
+      } else if (this.currentVideoIndex === 4) {
+        this.gifUrl = "http://121.36.251.245:9000/minlong/tenant_1/general_uploads/5273282d971441249aeadf35a7574f01.gif";
+      } else if (this.currentVideoIndex === 5) {
+        this.gifUrl = "http://121.36.251.245:9000/minlong/tenant_1/general_uploads/5273282d971441249aeadf35a7574f01.gif";
+      }
+      this.showGif = true;
       if (this.currentVideoIndex >= 1) {
         this.showStartRecordingButton = true;
         this.startCountdown();
@@ -1401,7 +1419,7 @@ const _sfc_main = {
         this.uploadStatusText += ` (${this.uploadQueue.length}个视频待处理)`;
       }
     },
-    // 修改 proceedToNextQuestion 方法,不再等待上传完成
+    // 修改 proceedToNextQuestion 方法
     proceedToNextQuestion() {
       if (this.currentVideoIndex === 4) {
         common_vendor.index.navigateTo({
@@ -1413,6 +1431,8 @@ const _sfc_main = {
       if (this.currentVideoIndex < this.videoList.length) {
         this.videoUrl = this.videoList[this.currentVideoIndex];
         this.videoPlaying = true;
+        this.showGif = false;
+        this.gifUrl = "";
         this.currentSubtitle = "";
         this.$nextTick(() => {
           const videoContext = common_vendor.index.createVideoContext("myVideo", this);
@@ -1436,6 +1456,8 @@ const _sfc_main = {
     // 修改 handleAnswerButtonClick 方法
     handleAnswerButtonClick() {
       this.showAnswerButton = false;
+      this.showGif = false;
+      this.gifUrl = "";
       this.proceedToNextQuestion();
     },
     // 处理相机错误
@@ -1794,35 +1816,42 @@ const _sfc_main = {
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return common_vendor.e({
-    a: $data.videoUrl,
-    b: common_vendor.o((...args) => $options.handleVideoError && $options.handleVideoError(...args)),
-    c: common_vendor.o((...args) => $options.handleVideoEnded && $options.handleVideoEnded(...args)),
-    d: common_vendor.o((...args) => $options.handleTimeUpdate && $options.handleTimeUpdate(...args)),
-    e: $data.showAnswerButton
+    a: $data.showGif && $data.gifUrl
+  }, $data.showGif && $data.gifUrl ? {
+    b: $data.gifUrl
+  } : {}, {
+    c: !$data.showGif
+  }, !$data.showGif ? {
+    d: $data.videoUrl,
+    e: common_vendor.o((...args) => $options.handleVideoError && $options.handleVideoError(...args)),
+    f: common_vendor.o((...args) => $options.handleVideoEnded && $options.handleVideoEnded(...args)),
+    g: common_vendor.o((...args) => $options.handleTimeUpdate && $options.handleTimeUpdate(...args))
+  } : {}, {
+    h: $data.showAnswerButton
   }, $data.showAnswerButton ? {
-    f: common_vendor.o((...args) => $options.handleAnswerButtonClick && $options.handleAnswerButtonClick(...args))
+    i: common_vendor.o((...args) => $options.handleAnswerButtonClick && $options.handleAnswerButtonClick(...args))
   } : {}, {
-    g: $data.currentSubtitle
+    j: $data.currentSubtitle
   }, $data.currentSubtitle ? {
-    h: common_vendor.t($data.currentSubtitle)
+    k: common_vendor.t($data.currentSubtitle)
   } : {}, {
-    i: $data.useMiniProgramCameraComponent
+    l: $data.useMiniProgramCameraComponent
   }, $data.useMiniProgramCameraComponent ? {
-    j: common_vendor.o((...args) => $options.handleCameraError && $options.handleCameraError(...args))
+    m: common_vendor.o((...args) => $options.handleCameraError && $options.handleCameraError(...args))
   } : {}, {
-    k: $data.loading
+    n: $data.loading
   }, $data.loading ? {} : {}, {
-    l: $data.showDebugInfo
+    o: $data.showDebugInfo
   }, $data.showDebugInfo ? common_vendor.e({
-    m: $data.assistantResponse
+    p: $data.assistantResponse
   }, $data.assistantResponse ? {
-    n: common_vendor.t($data.assistantResponse)
+    q: common_vendor.t($data.assistantResponse)
   } : {}, {
-    o: $data.audioTranscript
+    r: $data.audioTranscript
   }, $data.audioTranscript ? {
-    p: common_vendor.t($data.audioTranscript)
+    s: common_vendor.t($data.audioTranscript)
   } : {}, {
-    q: common_vendor.f($data.processedResponses, (item, index, i0) => {
+    t: common_vendor.f($data.processedResponses, (item, index, i0) => {
       return common_vendor.e({
         a: item.role
       }, item.role ? {
@@ -1836,25 +1865,25 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       });
     })
   }) : {}, {
-    r: $data.showStopRecordingButton
+    v: $data.showStopRecordingButton
   }, $data.showStopRecordingButton ? {
-    s: common_vendor.o((...args) => $options.stopRecordingAnswer && $options.stopRecordingAnswer(...args))
+    w: common_vendor.o((...args) => $options.stopRecordingAnswer && $options.stopRecordingAnswer(...args))
   } : {}, {
-    t: $data.isRecording
+    x: $data.isRecording
   }, $data.isRecording ? {
-    v: common_vendor.t($data.recordingTimeDisplay || "00:00 / 05:00")
+    y: common_vendor.t($data.recordingTimeDisplay || "00:00 / 05:00")
   } : {}, {
-    w: $data.showStartRecordingButton
+    z: $data.showStartRecordingButton
   }, $data.showStartRecordingButton ? {
-    x: common_vendor.o((...args) => $options.handleStartRecordingClick && $options.handleStartRecordingClick(...args))
+    A: common_vendor.o((...args) => $options.handleStartRecordingClick && $options.handleStartRecordingClick(...args))
   } : {}, {
-    y: $data.showRetryButton
+    B: $data.showRetryButton
   }, $data.showRetryButton ? {
-    z: common_vendor.o((...args) => $options.retryVideoUpload && $options.retryVideoUpload(...args))
+    C: common_vendor.o((...args) => $options.retryVideoUpload && $options.retryVideoUpload(...args))
   } : {}, {
-    A: $data.showCountdown
+    D: $data.showCountdown
   }, $data.showCountdown ? {
-    B: common_vendor.t($data.countdownValue)
+    E: common_vendor.t($data.countdownValue)
   } : {});
 }
 const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-464e78c6"]]);

파일 크기가 너무 크기때문에 변경 상태를 표시하지 않습니다.
+ 0 - 0
unpackage/dist/dev/mp-weixin/pages/identity-verify/identity-verify.wxml


+ 11 - 0
unpackage/dist/dev/mp-weixin/pages/identity-verify/identity-verify.wxss

@@ -350,3 +350,14 @@ video.data-v-464e78c6::-webkit-media-controls-fullscreen-button {
   font-size: 24px;
   color: #ffffff;
 }
+
+/* 添加GIF播放器样式 */
+.gif-player.data-v-464e78c6 {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 5; /* 确保GIF在视频上方但在字幕和按钮下方 */
+}

+ 70 - 49
unpackage/dist/dev/mp-weixin/pages/interview-question/interview-question.js

@@ -121,7 +121,11 @@ const _sfc_main = {
       // 倒计时数值
       showCountdown: false,
       // 是否显示倒计时蒙层
-      countdownTimer: null
+      countdownTimer: null,
+      showGif: false,
+      // 控制是否显示GIF
+      gifUrl: ""
+      // GIF图片的URL
     };
   },
   onLoad(options) {
@@ -554,6 +558,8 @@ const _sfc_main = {
     handleVideoEnded() {
       console.log("视频播放结束,当前视频索引:", this.currentVideoIndex);
       this.videoPlaying = false;
+      this.gifUrl = "http://121.36.251.245:9000/minlong/tenant_1/general_uploads/5273282d971441249aeadf35a7574f01.gif";
+      this.showGif = true;
       this.showStartRecordingButton = true;
       this.startCountdown();
       this.showAnswerButton = false;
@@ -1414,31 +1420,39 @@ const _sfc_main = {
     // 修改 navigateToNextPage 方法
     navigateToNextPage() {
       console.log("导航到下一个页面");
-      setTimeout(() => {
-        common_vendor.index.navigateTo({
-          url: "/pages/interview-result/interview-result?uploading=" + (this.uploadQueue.length > 0 ? "true" : "false"),
-          success: () => {
-            console.log("成功跳转到结果页面");
-          },
-          fail: (err) => {
-            console.error("跳转失败:", err);
-            common_vendor.index.navigateTo({
-              url: "/pages/interview/interview",
-              fail: (err2) => {
-                console.error("备用跳转也失败:", err2);
-                common_vendor.index.navigateBack({
-                  delta: 1
-                });
-              }
-            });
-          }
-        });
-      }, 2e3);
+      common_vendor.index.navigateTo({
+        url: "/pages/interview-result/interview-result?uploading=" + (this.uploadQueue.length > 0 ? "true" : "false"),
+        success: () => {
+          console.log("成功跳转到结果页面");
+        },
+        fail: (err) => {
+          console.error("跳转失败:", err);
+          common_vendor.index.navigateTo({
+            url: "/pages/interview/interview",
+            fail: (err2) => {
+              console.error("备用跳转也失败:", err2);
+              common_vendor.index.navigateBack({
+                delta: 1
+              });
+            }
+          });
+        }
+      });
     },
     // 修改 handleAnswerButtonClick 方法
     handleAnswerButtonClick() {
       this.showAnswerButton = false;
-      this.proceedToNextQuestion();
+      this.showGif = false;
+      this.gifUrl = "";
+      common_vendor.index.showToast({
+        title: "面试完成",
+        icon: "success",
+        duration: 500
+        // 只显示0.5秒
+      });
+      setTimeout(() => {
+        this.navigateToNextPage();
+      }, 500);
     },
     // 处理相机错误
     handleCameraError(e) {
@@ -1809,35 +1823,42 @@ const _sfc_main = {
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return common_vendor.e({
-    a: $data.videoUrl,
-    b: common_vendor.o((...args) => $options.handleVideoError && $options.handleVideoError(...args)),
-    c: common_vendor.o((...args) => $options.handleVideoEnded && $options.handleVideoEnded(...args)),
-    d: common_vendor.o((...args) => $options.handleTimeUpdate && $options.handleTimeUpdate(...args)),
-    e: $data.showAnswerButton
+    a: $data.showGif && $data.gifUrl
+  }, $data.showGif && $data.gifUrl ? {
+    b: $data.gifUrl
+  } : {}, {
+    c: !$data.showGif
+  }, !$data.showGif ? {
+    d: $data.videoUrl,
+    e: common_vendor.o((...args) => $options.handleVideoError && $options.handleVideoError(...args)),
+    f: common_vendor.o((...args) => $options.handleVideoEnded && $options.handleVideoEnded(...args)),
+    g: common_vendor.o((...args) => $options.handleTimeUpdate && $options.handleTimeUpdate(...args))
+  } : {}, {
+    h: $data.showAnswerButton
   }, $data.showAnswerButton ? {
-    f: common_vendor.o((...args) => $options.handleAnswerButtonClick && $options.handleAnswerButtonClick(...args))
+    i: common_vendor.o((...args) => $options.handleAnswerButtonClick && $options.handleAnswerButtonClick(...args))
   } : {}, {
-    g: $data.currentSubtitle
+    j: $data.currentSubtitle
   }, $data.currentSubtitle ? {
-    h: common_vendor.t($data.currentSubtitle)
+    k: common_vendor.t($data.currentSubtitle)
   } : {}, {
-    i: $data.useMiniProgramCameraComponent
+    l: $data.useMiniProgramCameraComponent
   }, $data.useMiniProgramCameraComponent ? {
-    j: common_vendor.o((...args) => $options.handleCameraError && $options.handleCameraError(...args))
+    m: common_vendor.o((...args) => $options.handleCameraError && $options.handleCameraError(...args))
   } : {}, {
-    k: $data.loading
+    n: $data.loading
   }, $data.loading ? {} : {}, {
-    l: $data.showDebugInfo
+    o: $data.showDebugInfo
   }, $data.showDebugInfo ? common_vendor.e({
-    m: $data.assistantResponse
+    p: $data.assistantResponse
   }, $data.assistantResponse ? {
-    n: common_vendor.t($data.assistantResponse)
+    q: common_vendor.t($data.assistantResponse)
   } : {}, {
-    o: $data.audioTranscript
+    r: $data.audioTranscript
   }, $data.audioTranscript ? {
-    p: common_vendor.t($data.audioTranscript)
+    s: common_vendor.t($data.audioTranscript)
   } : {}, {
-    q: common_vendor.f($data.processedResponses, (item, index, i0) => {
+    t: common_vendor.f($data.processedResponses, (item, index, i0) => {
       return common_vendor.e({
         a: item.role
       }, item.role ? {
@@ -1851,25 +1872,25 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       });
     })
   }) : {}, {
-    r: $data.showStopRecordingButton
+    v: $data.showStopRecordingButton
   }, $data.showStopRecordingButton ? {
-    s: common_vendor.o((...args) => $options.stopRecordingAnswer && $options.stopRecordingAnswer(...args))
+    w: common_vendor.o((...args) => $options.stopRecordingAnswer && $options.stopRecordingAnswer(...args))
   } : {}, {
-    t: $data.isRecording
+    x: $data.isRecording
   }, $data.isRecording ? {
-    v: common_vendor.t($data.recordingTimeDisplay || "00:00 / 05:00")
+    y: common_vendor.t($data.recordingTimeDisplay || "00:00 / 05:00")
   } : {}, {
-    w: $data.showStartRecordingButton
+    z: $data.showStartRecordingButton
   }, $data.showStartRecordingButton ? {
-    x: common_vendor.o((...args) => $options.handleStartRecordingClick && $options.handleStartRecordingClick(...args))
+    A: common_vendor.o((...args) => $options.handleStartRecordingClick && $options.handleStartRecordingClick(...args))
   } : {}, {
-    y: $data.showRetryButton
+    B: $data.showRetryButton
   }, $data.showRetryButton ? {
-    z: common_vendor.o((...args) => $options.retryVideoUpload && $options.retryVideoUpload(...args))
+    C: common_vendor.o((...args) => $options.retryVideoUpload && $options.retryVideoUpload(...args))
   } : {}, {
-    A: $data.showCountdown
+    D: $data.showCountdown
   }, $data.showCountdown ? {
-    B: common_vendor.t($data.countdownValue)
+    E: common_vendor.t($data.countdownValue)
   } : {});
 }
 const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-2a02c54e"]]);

파일 크기가 너무 크기때문에 변경 상태를 표시하지 않습니다.
+ 0 - 0
unpackage/dist/dev/mp-weixin/pages/interview-question/interview-question.wxml


+ 11 - 0
unpackage/dist/dev/mp-weixin/pages/interview-question/interview-question.wxss

@@ -350,3 +350,14 @@ video.data-v-2a02c54e::-webkit-media-controls-fullscreen-button {
   font-size: 24px;
   color: #ffffff;
 }
+
+/* 添加GIF播放器样式 */
+.gif-player.data-v-2a02c54e {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 5; /* 确保GIF在视频上方但在字幕和按钮下方 */
+}

이 변경점에서 너무 많은 파일들이 변경되어 몇몇 파일들은 표시되지 않았습니다.