Skip to main content

Como tocar um som ao clicar ou rolar

Tutorial: Colocar música na apresentação de slides "PowerPoint" (Abril 2025)

Tutorial: Colocar música na apresentação de slides "PowerPoint" (Abril 2025)
Anonim

Uma das características das aplicações de computador é que há feedback quando você faz alguma coisa. O tipo mais comum de feedback é o som. O computador clica quando você seleciona coisas, emite um bipe quando há erros e faz outros ruídos para alertá-lo sobre situações. Mas as páginas da web não têm esse tipo de feedback. Isso faz com que pareçam sem graça ou sem resposta.

Felizmente é fácil mudar isso. Usando atributos e sons HTML dinâmicos, você pode criar uma página da Web que funciona mais como um aplicativo.

Adicionar som quando um cliente clica em algo

Esse script adicionará efeitos sonoros quando um cliente clicar em algo usando o atributo e quando um cliente passar algo usando o atributo. Certifique-se de testá-los em navegadores diferentes, pois nem todos os navegadores da Web manipulam o mouseover e os atributos de clique em elementos diferentes de links.

Coloque o seguinte script no cabeçalho do seu documento HTML:

Coloque o som em um intervalo vazio

O JavaScript coloca um elemento EMBED dentro de um elemento SPAN vazio quando o script é iniciado. Então, você precisa adicionar a seguinte tag SPAN em algum lugar dentro do BODY da sua página HTML, de preferência perto do topo do documento:

Chame o script com um atributo

A última coisa que você precisa adicionar é um elemento que você deseja gerar o som ao clicar ou ao passar o mouse. Chame o script com um desses atributos. Substitua UrlToSoundFile pelo URL completo do arquivo de som que você deseja reproduzir:

Clique aqui para ouvir um som<> onmouseover = "playSound ('UrlToSoundFile');" > Passe o mouse sobre esse texto para ouvir um som

Aqui está o documento HTML inteiro, tocando o som de um bluejay. O arquivo de som é armazenado no mesmo diretório da página HTML:

Exemplo de como reproduzir um som no Click ou no MouseOver

Clique aqui para ouvir um pássaro cantar

<> onmouseover = "playSound ('zbluejay.wav');" > Ou você pode colocar o mouse sobre este parágrafo para ouvir o mesmo som de pássaro.