From 8ba5b1346308451e2c66f4414aa2c0b242d503d2 Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期四, 27 六月 2024 15:31:49 +0800
Subject: [PATCH] 英语音频播放优化

---
 src/books/artAndDance/view/components/index.vue |   35 ++++++++++++++++++-----------------
 1 files changed, 18 insertions(+), 17 deletions(-)

diff --git a/src/books/artAndDance/view/components/index.vue b/src/books/artAndDance/view/components/index.vue
index 6678a4d..9c7b0c0 100644
--- a/src/books/artAndDance/view/components/index.vue
+++ b/src/books/artAndDance/view/components/index.vue
@@ -18,28 +18,23 @@
       <chapterOne
         v-if="showCatalogList.indexOf(2) > -1"
         :showPageList="loadPageList"
-        @closeAudio="closeAudio"
       ></chapterOne>
       <chapterTwo
         v-if="showCatalogList.indexOf(3) > -1"
         :showPageList="loadPageList"
-        @closeAudio="closeAudio"
       >
       </chapterTwo>
       <chapterThree
       v-if="showCatalogList.indexOf(4) > -1"
         :showPageList="loadPageList"
-        @closeAudio="closeAudio"
       ></chapterThree>
       <chapterFour
       v-if="showCatalogList.indexOf(5) > -1"
         :showPageList="loadPageList"
-        @closeAudio="closeAudio"
       ></chapterFour>
       <chapterFive
       v-if="showCatalogList.indexOf(6) > -1"
         :showPageList="loadPageList"
-        @closeAudio="closeAudio"
       ></chapterFive>
       <chapterSix
         v-if="showCatalogList.indexOf(7) > -1"
@@ -123,6 +118,7 @@
         setTimeout(() => {
           this.initSwiper();
           this.initViewer();
+          this.closeAudio()
         }, 200);
       },
     },
@@ -194,7 +190,7 @@
 
     // 娴嬭瘯椤甸潰璺宠浆
     // setTimeout(() => {
-    //   this.gotoPage(6, 26);
+    //   this.gotoPage(6, 30);
     //   setTimeout(() => {
     //     this.renderSign("Highlight", {
     //       id: "2ACA9359",
@@ -208,7 +204,7 @@
     //     ids: ["2ACA9359"]
     //   });
     // }, 2000);
-    //   }, 5000);
+      // }, 500);
 
     // const pageDom = (this.container ? this.container : document)
     //   .querySelector("#app")
@@ -899,21 +895,26 @@
     closeMiniAudio() {
       this.audioPath = "";
     },
+
     // 鐐瑰嚮闊抽鎾斁锛屽叧闂叾浠栭煶棰�
-    closeAudio(path) {
-      let allVideo = (
+    closeAudio() {
+      let allAudio = (
         this.container ? this.container : document
       ).querySelectorAll(".audio");
-      allVideo = Array.from(allVideo);
-      if(allVideo.length) {
-        for (let index = 0; index < allVideo.length; index++) {
-          const item = allVideo[index];
-          if(item.currentSrc != path) {
-            item.pause()
+      for (let index = 0; index < allAudio.length; index++) {
+        const item = allAudio[index];
+        item.addEventListener('play',() => {
+          const audioList = Array.from(allAudio);
+            for (let cindex = 0; cindex < audioList.length; cindex++) {
+            const citem = audioList[cindex];
+            if(citem.currentSrc != item.src) {
+              citem.pause()
+              
+            }
           }
-        }
+          this.closeMiniAudio()
+        })
       }
-      this.closeMiniAudio()
     }
   },
   components: {

--
Gitblit v1.9.1