Estou criando uma extensão bem simples no Chrome para o Whatsapp Web de acelerar o áudio em 1.5x, mas até agora só consegui fazer a função executar, e ela fica executando até que a página seja recarregada. Estou tentando fazer com que, ao clicar novamente, o evento parasse e o áudio voltasse à velocidade normal. Mas não sei como encerrar esse evento. Deveria usar async/await? Promises?
const interval = setInterval(() => {
const header = document.querySelector('._1QUKR')
if (header) {
console.log(header)
clearInterval(interval)
const button = document.createElement("button")
button.innerHTML = '1.5'
button.classList.add('twoTimesButton')
button.addEventListener('click', () => {
const audios = document.querySelectorAll('audio')
console.log(audios)
audios.forEach((audio) => {
console.log(audio)
audio.playbackRate = 1.5
})
button.addEventListener('click', function() {
audios.pause()
})
})
header.appendChild(button)
}
}, 1000)
Estou iniciando meus estudos em Javascript e eu já dei uma boa olhada no que já existe de pergunta por aqui e vi um tópico que realmente parece ser algo bem parecido com o que estou precisando, mas simplesmente não consegui implementar a mesma lógica.