Hej, mam przycisk na stronie który odtwarza jakieś tam audio.

Kopiuj
open() {
      if (this.file) {
        const audio = new Audio(this.file);
        audio.play();
      }
    }

teraz chciałbym dodać prostą animację kiedy plik jest odtwarzany, prosty gif (animacja brzmiącego głośnika) a najlepiej okrąg wokół głośnika który zamyka się w miarę upływu odtwarzanego pliku. Ma ktoś pomysł jak to zrobić najprostszą metodą, np css?
Podstawą dla mnie jest jak "wykryć" kiedy kończy się odtwarzanie.

Wrzucę jeszcze przycisk który uruchamia metodę

Kopiuj
<button @click="open">
    <img src="./../assets/icons/volume.svg" alt="Open">
  </button>

Thx :)