Skip to content

Como reproduzir um som ao clicar ou rollover

29 de abril de 2021

Usando atributos e sons HTML dinâmicos, você pode criar uma página da web que atua mais como um aplicativo.

Adicionar som quando um cliente clica em algo

Crie um script que adiciona efeitos sonoros quando um cliente clica em algo usando o atributo e quando um cliente passa o mouse sobre algo usando o atributo. Teste esses efeitos em navegadores diferentes, pois nem todos os navegadores da web suportam ao passar o mouse e no clique atributos em elementos que não sejam links. Coloque o seguinte script no cabeçalho do seu documento HTML:

Coloque o som em um espaço vazio

O JavaScript coloca um Embutir elemento dentro de um vazio período elemento quando o script é iniciado. Então, você precisa adicionar o seguinte período tag em algum lugar dentro do corpo de sua página HTML, de preferência próximo ao topo do documento:

Chame o script com um atributo

Adicione um elemento para gerar o som no clique ou ao passar o mouse. Chame o script com um desses atributos. Substituir UrlToSoundFile com o URL completo do arquivo de som que deseja reproduzir: Clique aqui para ouvir um som

Passe o mouse sobre este texto para ouvir um som

Aqui está todo o documento HTML, 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 ao clicar ou ao passar o mouse



Clique aqui para ouvir o canto de um pássaro

Ou você pode passar o mouse sobre este parágrafo para ouvir o mesmo som de pássaro.