Почему не работает audioTrack.pause() в vuejs?

Question

[Александр]

Написал вот такой код:

methods: {
    startAudio (audio) {
      let audioTrack = new Audio(audio)
      if (this.isTargeted === false) {
        audioTrack.play()
        this.isTargeted = true
      } else {
        audioTrack.pause()
        audioTrack.currentTime = 0
        this.isTargeted = false
      }
    }
  }

Работаю с функцией вот так:
v-on:click="startAudio( attachment.audio.audio )"

Аудио файл запускается но когда нажимаю повторно чтобы остановить музыку, она не останавливается.

Answer 1

[0xD34F]

когда нажимаю повторно чтобы остановить музыку, она не останавливается

При каждом вызове метода startAudio создаётся новый объект, play вызываете у одного, а pause у другого. Надо сохранять созданный audio между вызовами startAudio.

Comments

[Александр]

а как это можно реализовать?

[0xD34F]

Александр, подумайте. Как вы сейчас определяете, запускали ли вы уже воспроизведение какого-то файла или нет?

[Александр]

0xD34F, присваиваю this.isTargeted = true.

[0xD34F]

Александр, ну так может ещё что-нибудь присвоите?

[Александр]

0xD34F, понял, спасибо