前端实现页面自动播放音频方法

前提

需要页面自动播放一段报警声音，将audio标签的autoplay属性设置为true，发现自动播放失败，并出现如下报错：

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

为什么要禁止自动播放音频与视频

网页加载完成后立即播放音频（或带有音频轨道的视频）可能会意外地打扰到用户。尽管自动播放媒体文件是一个很实用的功能，但是我们也应该谨慎地使用它，保证只有在它被需要的时候才使用。为了让用户拥有控制权，通常浏览器会提供各种方式禁用自动播放音频功能。在这篇文章中，我们将介绍各种媒体和 Web Audio APIs 的自动播放功能，包括关于如何使用自动播放功能、如何优雅的处理阻止自动播放功能的一些简短的介绍。

Autoplay 功能

  据新政策，媒体内容将在满足以下至少一个的条件下自动播放：

• 音频被静音或其音量设置为 0
• 用户和网页已有交互行为（包括点击、触摸、按下某个键等等）
• 网站已被列入白名单；如果浏览器确定用户经常与媒体互动，这可能会自动发生，也可能通过首选项或其他用户界面功能手动发生
• 自动播放策略应用到