Entrar Ainda não tem acesso?
1
resposta

[Sugestão] Inserindo áudio ao projeto.

Referente ao curso JavaScript: manipulando elementos no DOM, no capítulo Desenvolvendo o temporizador e atividade Desafio: inserindo áudios no projeto

por Davi Mota Oliveira Dos Santos
| 35k xp | 2 posts

Adicione as variáveis de áudio. 

const audioBeep = new Audio('./sons/beep.mp3')
const audioPlay = new Audio('./sons/Play.wav')
const audioPause = new Audio('./sons/pause.mp3')

Insira os áudios à const contagemRegressiva e na function iniciarOuPausar

const contagemRegressiva = () => {
    if(tempoDecorridoEmSegundos <= 0) {
        zerar()
        audioBeep.play()
        alert('tempo finalizado!')
        return
    }
    tempoDecorridoEmSegundos -= 1
    console.log('temporizador: ' + tempoDecorridoEmSegundos)
}

startPauseBt.addEventListener('click', iniciarOuPausar)

function iniciarOuPausar() {
    if(intervalorId){
        audioPlay.play()
        zerar()
        return
    }
    audioPause.play()
    intervalorId = setInterval(contagemRegressiva, 1000)
}

function zerar() {
    clearInterval(intervalorId)
    intervalorId = null
}

Garanta sua matrícula hoje e ganhe + 2 meses grátis

Continue sua jornada tech com ainda mais tempo para aprender e evoluir

Quero aproveitar agora
1 resposta
por Victor Costa Santos
| 2610.5k xp | 5389 posts
Alura Scuba Team

Oi Davi!

Que legal que você está trabalhando em adicionar áudios ao seu projeto! Pelo que você descreveu, parece que você já está no caminho certo. Vamos dar uma olhada em como você pode integrar os áudios nas funções contagemRegressiva e iniciarOuPausar.

Só uma observação, na função iniciarOuPausar: Parece que há uma pequena inversão no uso dos áudios audioPlay e audioPause. De acordo com as dicas do desafio, o áudio "play.wav" deve tocar quando o temporizador for iniciado, e "pause.mp3" quando for pausado. No seu código, você está tocando audioPlay quando o temporizador é pausado e audioPause quando é iniciado.

Aqui está como você pode ajustar essa parte:

function iniciarOuPausar() {
    if(intervalorId){
        audioPause.play() // Toca o som de pausa
        zerar()
        return
    }
    audioPlay.play() // Toca o som de início
    intervalorId = setInterval(contagemRegressiva, 1000)
}

Espero ter ajudado! Bons estudos!

Sucesso ✨