소스 검색

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

dsy 5 일 전
부모
커밋
14695f050f
1개의 변경된 파일17개의 추가작업 그리고 0개의 파일을 삭제
  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);