Estou criando uma página HTML que possui uma imagem em formato gif e um display de música logo abaixo dele.
<div><img src="imagem.gif"/></div>
<audio>
<source src="musica.mp3" type="audio/mpeg"/>
</audio>
Eu gostaria de saber como posso pausar a animação da imagem quando o usuário pausar a música e prosseguir com a animação durante a reprodução da música. Exemplo:
audio = document.querySelector("audio");
audio.onpause = stopGifAnimation;
audio.onplay = startGifAnimation;
É possível fazer isso apenas com JavaScript puro ?