Skip to main content

Cómo reproducir un sonido en un clic o Rollover

NYSTV - Real Life X Files w Rob Skiba - Multi Language (Abril 2025)

NYSTV - Real Life X Files w Rob Skiba - Multi Language (Abril 2025)
Anonim

Una de las características de las aplicaciones informáticas es que hay comentarios cuando haces algo. El tipo más común de retroalimentación es el sonido. La computadora hace clic cuando selecciona cosas, emite un pitido cuando hay errores y hace otros ruidos para alertarlo de las situaciones. Pero las páginas web no tienen este tipo de comentarios. Esto los hace parecer aburridos o no responden.

Por suerte es fácil cambiar eso. Usando atributos y sonidos dinámicos de HTML, puede crear una página web que actúe más como una aplicación.

Añadir sonido cuando un cliente hace clic en algo

Esta secuencia de comandos agregará efectos de sonido cuando un cliente haga clic en algo usando el atributo y cuando un cliente pase por encima de algo usando el atributo. Asegúrese de probarlos en diferentes navegadores, ya que no todos los navegadores web se manejan con el mouseover y los atributos de clic en elementos que no sean enlaces.

Coloque el siguiente script en el encabezado de su documento HTML:

Coloque el sonido en un espacio vacío

El JavaScript coloca un elemento EMBED dentro de un elemento SPAN vacío cuando se inicia el script. Por lo tanto, debe agregar la siguiente etiqueta SPAN en algún lugar dentro del CUERPO de su página HTML, preferiblemente cerca de la parte superior del documento:

Llame a la secuencia de comandos con un atributo

Lo último que debe agregar es un elemento que desee generar el sonido con un clic o con el mouseover. Llame al script con uno de estos atributos. Reemplace UrlToSoundFile con la URL completa del archivo de sonido que desea reproducir:

Haga clic aquí para escuchar un sonido.<> onmouseover = "playSound ('UrlToSoundFile');" > Pase el mouse sobre este texto para escuchar un sonido

Aquí está todo el documento HTML, reproduciendo el sonido de un bluejay. El archivo de sonido se almacena en el mismo directorio que la página HTML:

Ejemplo de cómo reproducir un sonido en un clic o en MouseOver

Haga clic aquí para escuchar a un pájaro cantar

<> onmouseover = "playSound ('zbluejay.wav');" > O puede colocar el mouse sobre este párrafo para escuchar el mismo sonido de ave.