我正在尝试实现一个带有故事功能的PWA，类似于Instagram、Snapchat、Facebook等。打开应用程序后，它应该立即开始播放视频。我必须使用纯javascript来实现这一点。从概念上讲，它看起来像这样：
let video = document.getElementById("story");
video.play();在第一次加载页面时，chrome抛出一个错误，并指出在任何用户交互之前自动播放被禁用（这是有意义的）。
我如何检测这个第一次用户交互？我必须监听每一个可能的事件吗？或者有更简单的方法，也许是事件的层次结构？
2条答案
按热度按时间mnemlml81#
在2022年的iROOMit上，我们开发了
@iroomit/page-interaction-listener，使之成为一个简单的一行程序：https://www.npmjs.com/package/@iroomit/page-interaction-listener只需使用要延迟到任何用户交互之后的代码作为函数调用库即可：
https://www.iroomit.com/上的实时示例（在悬停页面之前等待一秒钟，观察悬停时发出的网络请求）
t5fffqht2#
您需要的可能是https://developer.mozilla.org/en-US/docs/Web/API/Element/mousemove_event。在线查看这方面的示例会有所帮助。