From 967a9d4507e479fc2270c69ffe7546b2f2ecf4d4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=80=E4=B8=87?=
 <52823142+Ten-K@users.noreply.github.com>
Date: Wed, 30 Aug 2023 21:47:53 +0800
Subject: [PATCH] fix: wavesurfer (#699)

---
 src/views/able/wavesurfer/index.vue | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/views/able/wavesurfer/index.vue b/src/views/able/wavesurfer/index.vue
index 0d31fe9f4..6c3ccb15f 100644
--- a/src/views/able/wavesurfer/index.vue
+++ b/src/views/able/wavesurfer/index.vue
@@ -16,8 +16,10 @@ const vTippy = tippy;
 const loading = ref(true);
 const wavesurfer = ref(null);
 const wavesurferRef = ref();
-// 音频总时长
+// 音频总时长（格式化后 mm:ss）
 const totalTime = ref();
+// 音频总时长（单位秒）
+const totalSecondTime = ref();
 // 音频当前播放位置时长
 const curTime = ref();
 // 音频是否正在播放
@@ -44,17 +46,19 @@ function init() {
   // 当音频已解码并可以播放时触发
   wavesurfer.value.on("ready", () => {
     if (!wavesurfer.value) return;
-    const { duration } = wavesurfer.value;
-    const { m, s } = getTime(duration);
+    const { decodedData } = wavesurfer.value;
+    totalSecondTime.value = decodedData.duration;
+    const { m, s } = getTime(decodedData.duration);
     totalTime.value = `${m}:${s}`;
     // 光标位置取中
-    wavesurfer.value.setTime(duration / 2);
+    wavesurfer.value.setTime(decodedData.duration / 2);
     // 设置音频音量（范围0-1）
     // wavesurfer.value.setVolume(1);
   });
 
   // 音频位置改变时，播放期间连续触发
   wavesurfer.value.on("timeupdate", timer => {
+    if (timer > totalSecondTime.value) return;
     const { m, s } = getTime(timer);
     curTime.value = `${m}:${s}`;
   });