Bläddra i källkod

答案解析弹窗关闭时关闭音视频

dsy 5 dagar sedan
förälder
incheckning
14695f050f
1 ändrade filer med 17 tillägg och 0 borttagningar
  1. 17 0
      src/views/book/courseware/preview/common/AnswerAnalysis.vue

+ 17 - 0
src/views/book/courseware/preview/common/AnswerAnalysis.vue

@@ -135,6 +135,23 @@ export default {
       return Array.isArray(slotContent) && slotContent.length > 0; // 检查插槽内容是否存在且不为空
     },
   },
+  watch: {
+    visible(val) {
+      // 关闭时,停止所有音视频播放
+      if (!val) {
+        const audioPlayers = this.$el.querySelectorAll('.answer-audio-list audio, .analysis-audio-list audio');
+        audioPlayers.forEach((audio) => {
+          audio.pause();
+          audio.currentTime = 0;
+        });
+        const videoPlayers = this.$el.querySelectorAll('.answer-video-list video, .analysis-video-list video');
+        videoPlayers.forEach((video) => {
+          video.pause();
+          video.currentTime = 0;
+        });
+      }
+    },
+  },
   methods: {
     handleClose() {
       this.$emit('update:visible', false);