Tengo elementos en mi página que animan y cuando lo hacen me gustaría que cada uno de ellos tuviera su propio sonido. La animación es la siguiente, esto incluye el sonido targetBeep.
targetBeep = new Audio('22540839_interface-alarm-03_by_umcsound_preview.mp3'); $("#top-left").delay(1000).animate({"opacity": "1"}, 1).animate({"color": "#FFFFFF"},100).animate({"color": "#323035"},100).animate({"color": "#FFFFFF"},100).animate({"color": "#323035"},100); Me gustaría el pitido cuando se anima de #FFFFFF a #323035 . Intenté poner targetBeep.play(); en el código de animación pero no funcionó.
Siempre que esté usando al menos jQuery v1.8, puede usar las opciones de start o complete en .animate() (dependiendo exactamente de cuándo desea que se reproduzca el sonido)
$("#top-left") .delay(1000) .animate({"opacity": "1"}, 1) .animate({"color": "#FFFFFF"}, { duration: 100, start: () => { targetBeep.play() } }) .animate({"color": "#323035"}, 100) .animate({"color": "#FFFFFF"}, 100) .animate({"color": "#323035"}, 100);