1
resposta

[Dúvida] Solução para o desafio dos sons

Olá! Segue minha solução para o desafio feito no curso para que fosse adicionados os sons de acordo com o clique no botão e ao fim do temporizador. Estou com dúvida se realmente essa seria uma das soluções, a princípio está funcionando legal, qualquer sugestão é bem-vinda!

  • Criando as constantes de áudio:
const playMusica = new Audio ('/sons/play.wav');
const pauseMusica = new Audio ('/sons/pause.mp3');
const beepMusica = new Audio ('/sons/beep.mp3');
  • Adicionando a música "play" e "pause" na função "iniciarOuParar":
function iniciarOuParar() {
    if (intervaloId){
        *pauseMusica.play();*
        zerar();
        return;
    }
    intervaloId = setInterval(contagemRegressiva,1000);
    *playMusica.play();*
}
  • Adicionando a música "beep" na função "contagem regressiva" dentro do if que verifica o temporizador=zero:
const contagemRegressiva = () => {
    if (tempoDecorridoEmSegundos <= 0) {
        *beepMusica.play();*
        zerar();
        alert('Tempo esgotado!');
        return;
    }
    tempoDecorridoEmSegundos -= 1;
    console.log(`Temporizador: ${tempoDecorridoEmSegundos}`);
}
1 resposta

Olá Elias.

Tudo bem?

Parabéns! É isso aí.

Você criou três constantes de áudio: playMusica, pauseMusica e beepMusica. Em seguida, você adicionou o som de "play" e "pause" na função iniciarOuParar, utilizando playMusica.play() e pauseMusica.play(). E por fim, você adicionou o som de "beep" na função contagemRegressiva, quando o temporizador chega a zero, utilizando beepMusica.play().

Essa é uma ótima maneira de adicionar sons ao seu projeto! De resto tendo os arquivos de áudio em seu diretório para que os sons sejam reproduzidos corretamente, e pronto.

Valeu por compartilhar :)

Espero ter ajudado e bons estudos!