Vue.js odtwarzanie audio - animacja odtwarania

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

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ę

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

Thx :)