fix: add AudioController's finish method to remove the problem caused by pause after playback

Author: codeacme17

src/components/IllestWaveform.vue

@@ -111,6 +111,7 @@ const maskWidth = ref<number>(0)
 
 function drawWaveMask(): void | undefined {
   if (!audioController._playing) return
+
   requestAnimationFrame(drawWaveMask)
   currentTime.value = audioController._currentTime
   maskWidth.value =
@@ -127,6 +128,7 @@ function mouseMoveHandler(e: any): void {
 
 function clickHandler(): void {
   if (!ready.value || !props.interact) return
+
   maskWidth.value = moveX.value
   const pickedTime: number =
     (moveX.value / wave._canvas.width) * audioController._audioDuration
@@ -157,13 +159,14 @@ function pause(): void {
 }
 
 function finish(): void {
+  audioController.finish()
+  emits('onPlay', false)
   emits('onFinish', true)
 }
 
 function watchIsFinish(): void {
   watchEffect(() => {
-    if (currentTime.value < audioController._audioDuration) return
-    pause()
+    if (currentTime.value <= audioController._audioDuration) return
     finish()
   })
 }

src/modules/AudioController.ts

@@ -48,8 +48,6 @@ export default class WebAudioController extends WebAudio {
   }
 
   public pick(pickedTime: number): void {
-    if (pickedTime <= 0) pickedTime = 0
-    if (pickedTime >= this._audioDuration) pickedTime = this._audioDuration
     this.pickAt = pickedTime
     if (!this.playing) return
     this.stopSource()
@@ -61,6 +59,11 @@ export default class WebAudioController extends WebAudio {
     this.play()
   }
 
+  public finish(): void {
+    this.pauseAt = 0
+    this.stop()
+  }
+
   private stop(): void {
     this.stopSource()
     this.initializeState()