Neste artigo você vai aprender a como fazer um beep com JavaScript, ou seja, emitir um som através de JavaScript
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!