Saltar la navegación

Cómo lanzar un sonido desde una imagen

Paso1: introduzco un audio. Por respeto al autor del mismo, relleno los datos relativos a la autoría del mismo. Este es el resultado obtenido al guardar el idevice. Si quieres, prueba a oír el audio con la tecla play.

Paso 2: en modo edición, hago clic sobre el rectángulo que representa el audio:

Paso3: pulso el botón propiedades

Paso 4: asigno un id al audio. Este id no se debe repetir en otros audios que ponga, ya que si no, el navegador no va a poder distinguirlos. En este ejemplo, le he llamado aplauso

Paso 5: Ahora introducimos la imagen y su correspondiente información de autoría.

applause-clapping-hands-black

Paso 6: en modo edición, pinchamos sobre la imagen y volvemos a pinchar en el botón propiedades

Paso 7: en la pestaña de eventos, elegimos el evento a manejar (en este caso onclick) e introducimos este código Javascript:

document.getElementById('aplauso').play();

Lo veremos así

Paso 8: Guardamos el idevice y probamos a ver si funciona haciendo click sobre las manos.

Obra publicada con Licencia Creative Commons Reconocimiento 3.0