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

Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first. https://goo.gl/xX8pDD 这个错误是由于在最新版的Chrome浏览器（以及所有以Chromium为内核的浏览器）中，已不再允许自动播放音频和视频所导致的。即使你为video或audio标签设置了autoplay属性，也不能自动播放。在你的项目中，出现这个错误的原因是因为你将播放声音的按钮设置为了true，这导致进入页面后直接触发了autoplay，因此产生了错误。解决方法是将初始播放按钮设置为false，这样问题就解决了。

相关问题

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

这个错误通常出现在Web页面中尝试自动播放音频或视频时。浏览器为了防止恶意网站自动播放媒体内容而采取了这个措施。为了解决这个问题，你可以通过与用户的交互来触发媒体播放，例如用户点击一个按钮时播放媒体。另外，你也可以在媒体元素上添加属性`muted`，这样就可以绕过自动播放限制。但是请注意，这种做法可能会影响用户体验和隐私。

uncaught (in promise) domexception: play() failed because the user didn't interact with the document first. https://goo.gl/xx8pdd

### 回答1：
这个错误信息表示播放音频或视频时出现了问题，因为用户没有与文档进行交互。这通常是由于浏览器的安全策略所致，为了防止自动播放，需要用户先与文档进行交互，例如点击页面上的某个元素，然后才能播放音频或视频。如果您遇到了这个问题，可以尝试让用户先与页面进行交互，然后再进行播放操作。

### 回答2：
当网页中的代码尝试自动播放音频或视频时，浏览器会发出一个警告，内容为“uncaught (in promise) domexception:play() failed because the user didn't interact with the document first”，意思是播放失败，因为用户没有与文档进行交互。

这种错误发生是因为浏览器为了防止不必要的声音或视频打扰用户而设置的安全措施。如果允许自动播放，那么就很可能会出现很多无意义的视频或声音在不知情的用户的时候播放，对用户体验产生极大的影响。

这个错误的原因是因为在浏览器中播放多媒体资源，必须经过用户的许可。当用户与网站进行有效的交互后，才能允许播放媒体资源。这个交互可以是点击页面、滚动页面或按下键盘等任何用户操作。

解决这个问题，并不是简单地关闭浏览器的“安全设置”，而是要在代码中考虑到这个问题，在播放之前，需要先设置用户交互，例如通过添加事件监听器让用户进行有效的交互操作。只有当用户进行了有意义的操作后，才能保证多媒体资源的顺利播放。

总之，正确的解决方式是编写代码时考虑到安全性和用户体验，避免使用自动播放，并且给用户提供明显的交互操作，让用户能够根据自己的喜好和需求来选择是否播放多媒体资源。

### 回答3：
这个错误通常出现在浏览器中尝试自动播放音频或视频时。出于安全和用户体验的考虑，大多数浏览器要求用户在页面中进行交互（例如点击或滚动）之后才能播放媒体文件。

这个错误的意思是浏览器已经尝试在没有用户交互的情况下播放媒体文件，但是因为这是不允许的，所以浏览器拒绝了该操作。如果没有这个保护机制，那么网站可以在用户不知情的情况下播放音频和视频，这是不安全和不负责任的行为。

为了避免这个错误，可以添加一个用户交互事件，例如点击按钮或链接，来触发播放媒体文件。另外，大多数浏览器提供了一些设置选项，允许用户自己决定是否允许自动播放媒体文件。

总之，这个错误的出现是因为浏览器为用户的安全和体验考虑，对自动播放媒体文件进行限制。我们应该在开发网站时遵守这些规则，提高网站的用户体验和安全性。