Cómo hacer un sonido con un diálogo jQuery

A medida que las páginas Web se vuelven cada vez más sofisticados, muchos programadores han recurrido a la biblioteca de JavaScript de jQuery para crear efectos avanzados. Puede utilizar la interfaz de usuario de la biblioteca de jQuery para crear un cuadro de diálogo. Un cuadro de diálogo aparece cuando un usuario realiza una acción que el webmaster desea confirmar. Por ejemplo, cuando un usuario sale de una página, un cuadro de diálogo puede aparecer para preguntar al usuario si está seguro de que desea salir de la página sin guardar su trabajo. Se puede hacer un sonido para acompañar a un cuadro de diálogo jQuery UI para centrar la atención del usuario en el cuadro de diálogo.

Instrucciones

1 Abra el archivo que contiene el cuadro de diálogo en un editor de texto o su entorno de desarrollo preferido.

2 Añadir una etiqueta de audio a la página Web:

<Audio id = "sampleaudiotag" src = "audio / sampleAudioFile.wav" precarga = "auto"> </ audio>

3 Una instancia del cuadro de diálogo jQuery para que cree un método "abierto":

$ ( ".sampleElement") .dialog ({
abierta: function (event, ui) {

}

}); (Ver Referencias 2)

4 Escriba un método para llamar al archivo de audio en el cuadro de diálogo jQuery:

$ ( ".sampleElement") .dialog ({
abierta: function (event, ui) {
. Document.getElementById ( 'sampleaudiotag') play ();

}

}); (Véanse las referencias 2 y 3)

5 Guarde su trabajo y abrir la página Web en un navegador Web para asegurarse de que funciona como se esperaba.