Neste artigo você vai aprender a como tocar áudio com JavaScript, ou seja, dar play em arquivos de áudio via JS
Fala programador(a), beleza? Bora aprender mais sobre áudio e JavaScript!
Para dar play em um arquivo de áudio, você vai precisar disponibilizar ele na pasta do seu projeto ou acessá-lo de algum servidor
O importante é ter acesso fácil a este arquivo
Então instanciamos uma nova classe chamada Audio, nativa do próprio JS, passando áudio como parâmetro
E para executá-lo basta utilizar o método play
Veja um exemplo na prática:
const audio = new Audio('meu_audio.mp3');
audio.play();Com este código você consegue executar um áudio na página
Pode até colocar um evento que vai disparar ele também, como em um click
Aí vai depender da necessidade do seu projeto 🙂
Conclusão
Neste artigo você aprendeu a tocar áudio com JavaScript, ou seja, dar play em um áudio
Utilizamos a classe nativa Audio, colocando como argumento o nosso arquivo
Por fim foi necessário utilizar o método play, para executar o áudio
Confira nossos cursos gratuitos no Youtube, com vídeos todos os dias!
Se inscreva e ative o sininho para receber as notificações e aprender mais ainda sobre desenvolvimento web!
Veja também nosso catálogo de cursos na Udemy, todos com exercícios e projetos práticos, nas mais diversas tecnologias
O link acima contém um cupom de desconto para os cursos!
como dou stop na musica o audio.stop() não funcionou
para pausar a música uso audio.pause()
como fazer a musica tocar mais de uma vez?
nao tenho certeza mas acho que é por loop, caso não de certo olha o “web audio api” do mozilla, la tem tudo sobre o audio
O cara simplesmente salvou minha vida ja tinha procurado isso em todo lugar e não tinha achado
como usar o audio.pause()