I'm currently developing angular SPA application and I'm facing this issue. When user receives call, I need to play incoming audio. Problem is that .play() method returns error when user didn't interact with browser.

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

Moreover safari returns this error even though user interacted with browser.

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.

Could you tell me how to resolve this and play ringtone audio when receiving call from other side in web site?

Thanks