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
| 24.1k xp | 2 posts
Técnico de Suporte Local

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
}
1 resposta
por Victor Costa Santos
| 2128.3k xp | 4210 posts
Alura Scuba Team Monitor do suporte educacional

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 ✨