Neste artigo você vai aprender a como fazer um beep com JavaScript, ou seja, emitir um som através de JavaScript

fazer um beep com JavaScript capa

Fala programador(a), beleza? Bora aprender mais sobre recursos com JavaScript!

Com algumas linhas de código, é possível reproduzir um som de apito no navegador, utilizando a API de áudio do HTML5.

Veja o exemplo abaixo:

const apito = new Audio('apito.mp3');
apito.play();

Neste exemplo, criamos um novo objeto de áudio passando como parâmetro o caminho para o arquivo de áudio.

Em seguida, basta chamar a função play do objeto para reproduzir o som.

Mas e se o arquivo de áudio não estiver em formato MP3?

Não se preocupe, o JavaScript também suporta outros formatos de áudio, como WAV e OGG.

Basta alterar o caminho do arquivo para o formato desejado. Por exemplo:

const apito = new Audio('apito.wav');
apito.play();

Ou:

const apito = new Audio('apito.ogg');
apito.play();

Além disso, é possível alterar algumas propriedades do objeto de áudio, como o volume e o loop, para personalizar a reprodução do som.

Veja o exemplo abaixo:

const apito = new Audio('apito.mp3');
apito.volume = 0.5; // volume a 50%
apito.loop = true; // reproduzir em loop
apito.play();

Com essas informações em mente, você deve ser capaz de fazer um som de apito com o JavaScript facilmente.

Isso pode ser útil em diversas situações, como, por exemplo, em jogos ou aplicativos interativos.

Mas lembre-se: é importante respeitar os direitos autorais e obter autorização para utilizar arquivos de áudio em seus projetos. Isso evita problemas legais no futuro.

Deixe um comentário contando o que achou deste artigo 🙂

Quer aprender mais sobre JavaScript? Confira o vídeo abaixo:

Conclusão

Neste artigo você viu como fazer um beep com JavaScript, ou seja, emitir um som através do JS

Agora basta escolher o seu arquivo, e tocar o som no projeto! 🙂

Está buscando a sua primeira vaga como Programador? Confira o nosso treinamento completo clicando aqui.

Uma plataforma de cursos com projetos completos, comunidade de alunos e muito mais!

Há também o nosso canal no YouTube, com muito conteúdo gratuito de qualidade!

Inscrever-se
Notificar de
guest

0 Comentários
mais antigos
mais recentes Mais votado
Feedbacks embutidos
Ver todos os comentários