【发布时间】：2020-12-08 15:55:08
【问题描述】：
我正在尝试在我的应用程序使用音频上下文 API（当前使用 howler.js）接收一些更新（如whatsapp web）时在我的应用程序上实现声音。
但是当用户没有交互或刷新页面时我遇到了问题：
AudioContext 不允许启动。它必须在页面上的用户手势后恢复（或创建）
用户做一些手势后它可以工作，但刷新后它会再次询问并且不播放音频。
我查看了 whatsapp 网页，发现它的聊天声音即使在没有交互和刷新页面后也始终有效。
我该如何解决这个问题？有没有其他办法解决？
【问题讨论】：
-
您不能自动播放声音，除非它们在开始时被静音。仅在用户与页面交互后才播放您的声音。
-
但whatsapp web 无需用户交互即可工作。他们是怎么做到的？
-
您可以尝试使用 mouseOver 事件在鼠标加载后进入页面屏幕后打开声音。我还没有尝试过，但这应该可以让它感觉声音从一开始就起作用。
标签： javascript reactjs web audio notifications