Tengo una serie de archivos de audio que se reproducen en función de eventListeners, pero no puedo pausar/detener el archivo de audio anterior cada vez que se llama a uno nuevo. ¿Cómo puedo implementar esto?

Aquí está mi código:

 Narrator.greeting = function(){ let greeting = new Audio('greeting.wav'); greeting.play() return greeting } const greetingNarrator = document.querySelector('#greetingID').addEventListener('click', Narrator.greeting); // Plays greeting audio Narrator.introduction = function(){ greeting = Narrator.greeting() greeting.pause() // I have also tried :: greeting.play().then(() => {greeting.pause()}) let introduction = new Audio('introduction.wav') introduction.play() } const introductionNarrator = document.querySelector('#introID').addEventListener('click', Narrator.introduction); // Plays intro audio, but overlaps greeting audio and spits error

Cada vez que llamo a 'pausa ()' cualquier archivo de audio que se esté reproduciendo, aparece el siguiente error:

 DOMException: The play() request was interrupted by a call to pause()

¿Cómo puedo pausar el audio que se está reproduciendo antes de reproducir el siguiente? ¡Gracias!