DOMException：play（） 失败，因为用户在选项卡失焦后未进行交互

问：

我正在建立一个具有各种重复计时器的网站。当计时器响起时，它会播放一个简短的音频通知。

最初，一切正常。但是，在用户最小化窗口并使其保持空闲一段时间后，音频播放开始引发以下错误。

未捕获（承诺中） DOMException：play（） 失败，因为用户没有先与文档交互。

似乎在一些随机时间后，为使音频正常工作而进行的初始用户交互被重置，用户需要再次与网站交互以保持音频通知的播放。

这显然是一个问题，但我无法找到任何解决这个特定问题的东西。

我正在通过 HTML5 音频 API 加载和播放音频

// initiate audio object
const audio = new Audio('/audio/ping.mp3') 
// after some time a timer calls
audio.play()

任何见解或朝着正确方向的推动将不胜感激！谢谢！