Actualmente estoy desarrollando una aplicación SPA angular y me enfrento a este problema. Cuando el usuario recibe una llamada, necesito reproducir el audio entrante. El problema es que el método .play() devuelve un error cuando el usuario no interactúa con el navegador.

 Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first.

Además, safari devuelve este error aunque el usuario interactuó con el navegador.

 Unhandled Promise Rejection: NotAllowedError: The request is not allowed by the user agent or the platform in the current context, possibly because the user denied permission.

¿Podría decirme cómo resolver esto y reproducir el audio del tono de llamada cuando recibo una llamada desde otro lado en el sitio web?

Gracias